Viewing 4 posts - 1 through 4 (of 4 total)
-
Posts
-
Hello,
Can someone please provide me with a quick css code to change the background color of my header from white to black? I would also like for the code to make the text appear white in the header and to shrink the height of the header. Thank you.
Here is the url for reference: gilbertparrislawyer.com
Hey,
You can select this options on Enfold > Styling. You can also use this on your custom.css or Quick CSS:
1.) Make the header background black:
.header_color .header_bg {
background: black;
color: white;
}2.) Make menu font white:
.header_color .main_menu ul:first-child > li > a {
color: white;
}Hover State:
.header_color .main_menu ul:first-child > li a:hover {
color: black;
}3.) You can use this on your custom.css or Quick CSS:
/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height: 88px; }Change the height and the line-height.
Regards,
Ismael
Viewing 4 posts - 1 through 4 (of 4 total)
- The topic ‘Change Header Features’ is closed to new replies.