Footer font color – Balance

[mariafernandez]

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 Baumann]

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.

[mariafernandez]

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 Baumann]

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

[mariafernandez]

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