Header Colors

Hi,

Thanks for contacting us about styling the header, you can set all of the options you wish to achieve via Theme Options > Styling Options > Header Styling and settings the options for background color, link color and hover link color.

Once these are set you can use the below CSS to override the colors user in the top menu. Add this CSS to your KLEO Child themes style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css or directly via Theme Options > General Settings > Scroll to: ‘Quick CSS’

.social-header.header-color {
    background-color: black;
}
.header-color .top-menu li > a, .header-color #top-social li a {
    color: #ffffff;
}

Adjust the color values to suit your design needs.

Make sure to purge your website cache, any CDN and front-end cache (Ctrl+F5) to see any changes.

Thanks,

Kieran

Hi,

Please try the below CSS snippet to override the color of links in the drop down menu

.header-color .dropdown-menu li a {
    color: #000000 !important;
}

Thanks,

Kieran

Hi,

The hover color should still be there, is the hover color very dark or black? You can add :hover to end to any CSS, in this case please try the below snippet

.header-color .dropdown-menu li a:hover {
    color: #000000 !important;
}

Set the # value of 000000 to your desired color.

Thanks,

Kieran

Hi,

Glad this worked for you 🙂 Feel free to open a new ticket any time with any other questions and we’ll be happy to assist.

All the best,

Kieran