Change BG color of menu drop-down and footer
-
Hi there,
I’d like to know the Custom CSS codes to change the background color of my navigation menu’s drop-down, the bottom of my blog where it reads “older posts,” as well as my footer block.
Here are images of what I’m referring to:
http://i.imgur.com/o45Z5eD.png
http://i.imgur.com/Mx3G4n4.pngI’d like the background of my drop down menus and footer to be #ffffff with the text color #002429.
And I’d like the background of the ‘older posts’ block to be #002429 and the text #ffffff.
Then, on the footer, there’s a faint gray line, I’d like that removed or just changed to #ffffff.
Thank you so much in advance!
The blog I need help with is: (visible only to logged in users)
-
Hi there!
This CSS should do the trick:
/* Dropdown Menus */ .main-navigation ul ul { min-width: 284px; /* width fix */ } .main-navigation ul ul li { background: #fff; } nav#site-navigation ul ul li a { color: #002429; } /* Older Posts Button */ #infinite-handle span { background-color: #002429; } /* Site Info Border */ .site-info { border: none; }I’ve also added in an additional style (the first one) to fix a small issue I’ve just noticed with the shadow along the bottom of the dropdown menus. I’m opening a ticket to get that fixed, but in the meantime, that style should do the trick :)
-
You’re welcome!
For the footer,
.site-footer { background: #fff; }should do the trick. :)
-
-
- The topic ‘Change BG color of menu drop-down and footer’ is closed to new replies.