Change color of website footer information.

  • Author
    Posts
  • #1189943

    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.

    #1190030

    timethief
    Member

    Maybe remove the smiley face if possible?

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

    #1190037

    Thanks! I didn’t know that.

    What about editing footer color?

    #1190040

    timethief
    Member

    I don’t help with CSS editing sorry.

    #1190059

    justpi
    Member

    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;
    }

    #1190063

    justpi
    Member

    Oops – there should be no backtick before the second code:

    #footer .info {
    color: #939393;
    }

    #1190066

    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

    #1190116

    justpi
    Member

    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.

    #1190141

    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?

    #1190153

    justpi
    Member

    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?

    #1190207

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

    #1190208

    justpi
    Member

    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.

    #1190209

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

    #1190210

    justpi
    Member

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

    #1190211

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

    #1190212

    timethief
    Member

    I can barely read the footer credits as it is.

    #1190213

    justpi
    Member

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

    #1190214

    auxclass
    Member

    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

    #1190215

    timethief
    Member

    @auxcalss
    I’m with you on this as I have witnessed that too.
    “Oh what a tangled web we weave … ”

    #1190216

    updated everything. Looks smaller in firefox than safari.

The topic ‘Change color of website footer information.’ is closed to new replies.