Change color of website footer information.

michellekwiatkowski · Member · Mar 20, 2013 at 4:02 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
timethief · Member · Mar 20, 2013 at 4:05 pm
Copy link
Maybe remove the smiley face if possible?

Read this: http://en.support.wordpress.com/smiley-on-your-blog/
michellekwiatkowski · Member · Mar 20, 2013 at 4:15 pm
Copy link
Thanks! I didn’t know that.

What about editing footer color?
timethief · Member · Mar 20, 2013 at 4:18 pm
Copy link
I don’t help with CSS editing sorry.
justpi · Member · Mar 20, 2013 at 4:46 pm
Copy link
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;
}
justpi · Member · Mar 20, 2013 at 4:46 pm
Copy link
Oops – there should be no backtick before the second code:
```
#footer .info {
color: #939393;
}
```
michellekwiatkowski · Member · Mar 20, 2013 at 4:49 pm
Copy link
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
justpi · Member · Mar 20, 2013 at 6:26 pm
Copy link
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.
michellekwiatkowski · Member · Mar 20, 2013 at 9:01 pm
Copy link
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?
justpi · Member · Mar 20, 2013 at 11:41 pm
Copy link
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?
michellekwiatkowski · Member · Mar 24, 2013 at 3:48 pm
Copy link
Yes, I think increasing the space between the footer and slider as well as making the font smaller would help. Any CSS suggestions?
justpi · Member · Mar 24, 2013 at 3:57 pm
Copy link
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.
michellekwiatkowski · Member · Mar 24, 2013 at 4:00 pm
Copy link
perfect. Take a look: michellekwiatkowski.com
What do you think?
justpi · Member · Mar 24, 2013 at 4:19 pm
Copy link
Yeah, it’s better this way.
Try adding this rule too, to make it paler:
opacity: 0.6;
michellekwiatkowski · Member · Mar 24, 2013 at 4:22 pm
Copy link
Perfect. Thank you SO much for all of your help. I really appreciate it!!!!
timethief · Member · Mar 24, 2013 at 4:26 pm
Copy link
I can barely read the footer credits as it is.
justpi · Member · Mar 24, 2013 at 4:29 pm
Copy link
You’re welcome!
But timethief is right: 0.6 is too transparent. Try increasing the number.
auxclass · Member · Mar 24, 2013 at 4:35 pm
Copy link
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
timethief · Member · Mar 24, 2013 at 4:41 pm
Copy link
@auxcalss
I’m with you on this as I have witnessed that too.
“Oh what a tangled web we weave … ”
michellekwiatkowski · Member · Mar 24, 2013 at 5:17 pm
Copy link
updated everything. Looks smaller in firefox than safari.

No items found.