Footer font color – Balance

[mariafernandezParticipant Post count: 18]

I’d like to change the color of my Balance theme footer links, but not that of other links on my blog.

How do I do it?

Thanks.

My blog is http://www.spanish-bites.com/

Maria

[Jen BaumannKeymaster Post count: 269]

It would be
#footer a,
#footer a:visited {
color: #C31900;
font-weight: normal;
text-decoration: underline;
}
Then, change the color to what you would like.

---

Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

[mariafernandezParticipant Post count: 18]

I’m afraid that didn’t work. In fact, something weird happened. I used this other code instead:

#footer-widgets .widget a,
#footer-widgets .widget a:visited {
color: #444;
font-weight: normal;
text-decoration: none;
}

Now I have footer links in the new color and some in the old one, and the underline is still there. Any idea what’s causing this?

Maria

 

[Jen BaumannKeymaster Post count: 269]

Yes, the footer and the footer widgets would need different css.

I don’t see that other code working on your site at all. This works for me just fine in Firebug:
#footer-widgets a, #footer-widgets a:visited {
color: #444444;
text-decoration: none;
}

Edit: I just looked at your stylesheet. Your separator is likely causing an issue as it isn’t a proper comment for a stylesheet. Look at the sections above that use comments like:
/* Responsive Design
------------------------------------------------------------ */

I suggest using firebug. It’s an invaluable tool for looking at the HTML source of your site as well as the css. It will even let you test changes before making them live. http://www.studiopress.com/tips/using-firebug.htm

---

Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

[mariafernandezParticipant Post count: 18]

Jen,

Thanks. I just worked out the problem and my footer is much improved.

Now I’d like to bring in the three lines at the very bottom within the dark background. Do you know how I can achieve that?

Blog: http://www.spanish-bites.com/

 

P.S.: I’m also using Firebug now

P.S.S.: I love Genesis

 

[Author]

Posts