Agency Home Welcome Link

[Tim Squires]

URL:
http://timsquires.com.au/hrmatters

Problem: How to change color of link in Home Welcome widget area.

Hi, I suspect that this is very simple, but I just can't figure it out.

I simply need to change the color of the link from #5397b4 (blue) to #ffcc00 (gold)

I am trying to work it out using Firebug. I can see the values and change them easily in Firebug, but I can't find the actual CSS in the style sheet. I know this should be very simple, but nevertheless, I am stuck 🙂

Thanks for your help.

---

timsquires.com.au

[Brad Dalton]

The line number 134 is next to the code in the right hand side screen of Firebug:

a, a:visited {
    color: #FFCC00;
    text-decoration: none;
}

---

Tutorials for StudioPress Themes & WooCommerce.

[Tim Squires]

Hi Brad, many thanks - that almost worked. 🙂 But will the new color only be visible after the link has been visited? And is it possible to make the change specific to just the home-welcome widget area? (I need to keep the default color for the links on all other areas of the site.)

Many thanks for your help.

---

timsquires.com.au

[Brad Dalton]

Yes it will so you'll need to use the specific class i.d. for that element.

#home-welcome .widget_text a, a:visited { 
color: #FFCC00; 
}

---

Tutorials for StudioPress Themes & WooCommerce.

[Tim Squires]

Thanks Brad - that worked. I just took out the a: visited and pasted the code under the home welcome section. (The snippet is at the bottom here) Thanks again for your help and patience. Tim

/* Home Welcome
------------------------------------------------------------ */

#home-welcome {
padding: 20px 30px;
}

#home-welcome,
#home-welcome p {
color: #fff;
font-size: 18px;
text-align: center;
text-shadow: 1px 1px #000;
margin-top:10px;
}
#home-welcome p {
color: #ffdddd;
}

#home-welcome .widget_text a {
color: #FFCC00;
}

---

timsquires.com.au

[Author]

Posts