Header Font Color and Top Bar Color

Hi!

is there a way to change the main header font CSS (and the color of the buttons below it)? http://prntscr.com/joeh3c Also, the top bar in anything besides full screen is a dark grey, and it needs to be white. ‘http://prntscr.com/joehmn

Thanks!

Hi,

Please post a link to your website, so I can give you a working Custom CSS to change the header font and top bar color.

Kind Regards,
Csaba

(website link removed)

Hi,

You can change the header background and menu button color on screen-sizes below 1024px ( when it changed to dark blue ):

@media only screen and (max-width: 1024px) {
.site-header, .site-header.has-header, .site-header.has-slider, .site-header.has-video {
    position: relative !important;
    background-color: white !important;
}

.slicknav_menu .slicknav_menutxt {
    color: red !important;
}
}

You can change the menu font color with this Custom CSS:

.main-navigation a {
    color: red !important;
}

You can change the header button’s color with this Custom CSS:

.header-button {
    color: red !important;
}

.header-button {
    border-color: red !important;
}

.header-button:hover {
    background-color: red !important;
    color: white !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba