Header Color Issue

How should I change the header in the image to a white background, black font, and black icons? I have been trying to figure this out for a long time but cannot find the method to make these modifications.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

Please check

Hello,

Try to add the following Custom CSS code in the Global Custom CSS area under Theme Settings >> Custom CSS.

.whb-sticked .whb-color-light:not(.whb-with-bg) {
	background-color: #ffffff !important;
}

.whb-sticked .wd-nav[class*="wd-style-underline"] .nav-link-text {
    color: #000000 !important;
}

.whb-sticked .whb-color-light .wd-tools-element>a {
	color: #000000;
}

Best Regards,

Hello,

Doesn’t the theme support directly changing colors? I don’t want to add too much CSS code.

Hello,

Woodmart supports color changes from Theme Settings, but those options apply globally to both the normal and sticky header.

You can:

• Set the header row background directly in Header Builder
• Change menu text color via Theme Settings > Typography > Advanced Typography (Main Navigation)

However, since you’re using Header Overlap and want different colors only for the sticky header, this is not possible via settings.

Woodmart does not have separate color controls for the sticky state in overlap mode, so CSS is required in this case.

Best Regards,

[Author]

Posts