Change Menu Link Colours for Specific Page

Hello,

I’m making a black friday page for my website and I want to utilize a different header for this page.

How can I change the colour of the text for the menu options within the navigation for this page specifically.

I’ve searched what previous individuals have posted in regards to this and basically all the replies from support are along the lines of “You can change the menu color and hover through Theme Settings -> Typography -> Advanced typography -> create a new rule with the “Main navigation links” item.”

But I don’t know how to apply this to a single page – please assist me with this and provide a detailed explanation as to how this can be done.

Hi WASIPLtd_Website,

Thanks for reaching to us.

You can change it through the Theme Presets https://xtemos.com/docs-topic/theme-settings-presets/

Navigate to Theme Settings -> create a preset with the appropriate condition (e.g the menu with green links will be on the “About Us” page so we will have such condition – https://prnt.sc/1e3z-eRvOW8i ) -> Typography -> Advanced Typography -> create a rule for the “Main navigation links” item and set there some colors.

https://gyazo.com/bcf4079163469fee693f20f05e5274b2

Please feel free to reach out to me if you have any further questions.

Regards,

Perfect thanks – now if I wanted to change only a specific page’s background colour how would I do that?

Is it a similar process?

For example – I want the black friday page background colour to be black while the rest of the site remains as white.

Hi WASIPLtd_Website,

Yes, it is a similar process?

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

Please show me how to change the background colour of a specific page.

Hi WASIPLtd_Website,

Please see screenshot for better understanding, e.g: I am setting up About Us page to change its background color https://prnt.sc/g3w7RCedeMCA

Go to Theme Settings > Styles and colors > Pages background. Uncheck Inherit box to select background color for specific page https://prnt.sc/1BNTJ5ni98-F

Regards,

[Author]

Posts