Change font color in footer widget
-
I am trying to change the font color used in the footer widgets. I have changed just about every value attached to anything that says “footer-widget” in my stylesheet. The only thing that has any effect changes the whole body of the page, and I don’t want that. All I want to do is change the text in the footer widget.
There is a file called “style override” with a section for footer widgets, but when I added ” color:white; it didn’t do anything. Perhaps I needed to put a bit more information in there? Like tell it what, exactly, I wanted to be white? As you guys can tell I don’t know too much about this but am trying to learn.
My site is here. http://stogieloungeonline.com
Thank you in advance for anyone who helps.
-
In your css, I can see this:
.footer-widgets ul li a {
color:#AAAAAA;
text-decoration: none;
}Have you tried changing that to
.footer-widgets ul li a {
color:#FFF;
text-decoration: none;
}I did on your suggestion, and I got no results. Thank you though.
This will change the grey color in the contact widget. Everything else I see is white already.
.contact_info_wrap li { color: #FFFFFF; }
How will that change it? The value is already white, isn’t it? I’m not telling you that you are wrong, I’m just asking…if the value is #FFFFFF already, and I want white, what am I supposed to change it to?
Thank you for replying. I’m afraid I am just a little confused.
I specifically targeted the grey text in the contact widget and set it to white. The #666666 original color was inherited from here:
BODY, SELECT, INPUT, TEXTAREA
but you can’t change it there because it would also change all the text up in the content area and other places, and you really don’t want white on white text there.
So, I identified the selector for that particular text and set it to white so that it did not change other text that you would not want to change.
The “white” setting that has already been done was done for links, not for normal non-link text.
OH. That’s something I have to add to my .css, not a string of code that exists that I have to go in and change. Am I right?
Sorry, yes I should have said that.
Thank you so much. I think that makes sense. I was looking for a gray code to edit and it was simply inheriting the code from the body. I will give it a shot.
Sorry….where should I enter this?
I would put it at the end of style.css.
Thanks SO much, sacredpath. I really appreciate it! That was driving me crazy!
Have a great night.
You are welcome and you too.
- The topic ‘Change font color in footer widget’ is closed to new replies.