Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #28537

    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

    #137858

    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

    #137859

    Thank you!

    #137860

    Glad Ismael could help. Let us know if you have any other questions or issues.

    Regards,

    Devin

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Change Header Features’ is closed to new replies.