Need help? Check out our Support site, then


Change color of website footer information.

  1. I would like to change color of website footer information.

    For legal purposes, I bought the theme cannot completely delete the footer.

    However, I would like to edit it so it is all ONE color (no link color).
    I am trying to make it EXTREMELY light grey. Maybe remove the smiley face if possible?

    I have the upgrade package but I am not so great with CSS.

    If anyone could help me or get me started with an override CSS code that would be great!

    Thanks - Michelle

    The blog I need help with is michellekwiatkowski.com.

  2. Maybe remove the smiley face if possible?

    Read this: http://en.support.wordpress.com/smiley-on-your-blog/

  3. Thanks! I didn't know that.

    What about editing footer color?

  4. I don't help with CSS editing sorry.

  5. Removing the smiley via CSS doesn't make it inactive, it just makes it invisible. So, to hide the smiley, add this:

    #wpstats {
    display: none;
    }

    To turn the plain text of the footer into the grey of the footer links, add this:
    `#footer .info {
    color: #939393;
    }

  6. Oops - there should be no backtick before the second code:

    #footer .info {
    color: #939393;
    }
  7. Thanks so much justpi!! If you take a look now, the text is white but the footer links are still grey. I don't want to change all links to no color because then the menu's won't change.

    How can I change the hyperlink color of just the footer links?

    Thanks again!!

    http://www.michellekwiatkowski.com

  8. You're welcome.
    If you change the color of the footer links to white, it will be the same as removing them (which we're not allowed to do). So kindly use the code I suggested above with the actual color I suggested: 939393, not FFFFFF.

  9. Thanks Justpi. I switched it to 939393.

    Is there a way I can center the information to the left?

    I just feel that the footer is a bit distracting because it is right under the slider. Aligning it to the left might help. Maybe even putting the content on one line instead of 2?

  10. Left aligning it wouldn't look ok, since all the other blocks on your homepage are centered. One line instead of two, yes. Try this:

    #footer .info p {
    display: inline-block;
    }

    Maybe also increase the space between the footer and the slider, and/or make the font even smaller?

  11. Yes, I think increasing the space between the footer and slider as well as making the font smaller would help. Any CSS suggestions?

  12. In that case turn this:

    #footer .info {
    color: #939393;
    }

    to this:

    #footer .info {
    color: #939393;
    font-size: 0.77em;
    margin-top: 66px;
    }

    Play with the size and margin values till you get the result you prefer.

  13. perfect. Take a look: michellekwiatkowski.com
    What do you think?

  14. Yeah, it's better this way.
    Try adding this rule too, to make it paler:
    opacity: 0.6;

  15. Perfect. Thank you SO much for all of your help. I really appreciate it!!!!

  16. I can barely read the footer credits as it is.

  17. You're welcome!
    But timethief is right: 0.6 is too transparent. Try increasing the number.

  18. I can't read the footer credits at all -

    just a caution - I have seen a couple three blogs get suspended or have posting suspended when they go too fancy with the hiding of the footer credits - the blogger always lost the argument

  19. @auxcalss
    I'm with you on this as I have witnessed that too.
    "Oh what a tangled web we weave ... "

  20. updated everything. Looks smaller in firefox than safari.

  21. (1) The text is barely discernible and the fact there are (2) links in the text that cannot be detected is what I'm pointing out.

Topic Closed

This topic has been closed to new replies.

About this Topic