Changing the menu bar colors

Hi there!

I received this response a few weeks ago, but did not check it in time and now am unable to view the photo that was attached below with the instructions. I think I understand that I put the first code in the global CSS, but I’m unsure about how to complete step 2, adding it to the body class of the individual page. My initial question was regarding changing the menu bar colors on a specific page of my website. Please see below:

Thank you!

Lydia

Hi Lydia,

Thank you for writing in, you can add this to Theme Options > CSS

/change the site brand text color on specific page/
.alt-brand-color .x-brand {
color: red;
}

/change the header menu text color on specific page/
.alt-brand-color .x-navbar .desktop .x-nav > li > a {
color: blue;
}
Change the color values to your desired colours

Now every time you encounter that kind of issue on a certain page, please apply the
class alt-brand-color to the Body Class of that page.

Hello Lydia,

Thanks for writing in!

You will have to edit the page and insert the Body CSS class in the Page Settings.

To know more about the Page Settings, please check this out: https://theme.co/apex/forum/t/meta-options-pages/144

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.