Change the colors of the product page

Hey mvanstee,

1. Do you want to change the colour of the menu items on all WooCommerce product pages, or only this particular page?

2. Did you add that using the Layout Builder? If so, then you can set the background colour in the element options.

Best regards,
Rikard

Hi,

Thanks for the update. Please try this in Quick CSS:

1.

.woocommerce  #avia-menu .menu-item > a > .avia-menu-text {
    color: #F1F1EE;
}

2.

.single-product #av_section_1 {
    background-color: #F1F1EE;
}

Best regards,
Rikard

Hi,

Try this instead:

.woocommerce  #avia-menu .menu-item > a > .avia-menu-text {
    color: #F1F1EE !important;
}

Best regards,
Rikard

Hi,

Thanks for the update. So you want a different setting on all pages except the home page? If so, then it would likely be better to set your preferred settings in the theme, then add custom CSS for the home page only. Could you do that first of all please?

Best regards,
Rikard

Hi,
Thank you for the screenshot and the link to your site, please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top:not(.home) #header_main {
	background: #F8F6F2;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try changing to this css:

#top:not(.home) #header_main {
	background: #F8F6F2;
	border-top: solid 2px #ebe8e2;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike