• Resolved playwithdeath

    (@playwithdeath)


    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.

Viewing 13 replies - 1 through 13 (of 13 total)
  • 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;
    }

    Thread Starter playwithdeath

    (@playwithdeath)

    I did on your suggestion, and I got no results. Thank you though.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    This will change the grey color in the contact widget. Everything else I see is white already.

    .contact_info_wrap li {
    color: #FFFFFF;
    }
    Thread Starter playwithdeath

    (@playwithdeath)

    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.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    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.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    The “white” setting that has already been done was done for links, not for normal non-link text.

    Thread Starter playwithdeath

    (@playwithdeath)

    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?

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Sorry, yes I should have said that.

    Thread Starter playwithdeath

    (@playwithdeath)

    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.

    Thread Starter playwithdeath

    (@playwithdeath)

    Sorry….where should I enter this?

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    I would put it at the end of style.css.

    Thread Starter playwithdeath

    (@playwithdeath)

    Thanks SO much, sacredpath. I really appreciate it! That was driving me crazy!

    Have a great night.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    You are welcome and you too.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Change font color in footer widget’ is closed to new replies.