Docs

[yhshin1020]

Hey,

I was wondering if I can change the colour of the nav items (including search icon) and the website icon for different pages.

This is due to the fact that each page will have a different background.

On pages with darker backgrounds, is it possible for me to style the entire header bar white?

Thank you!

[yhshin1020]

This reply has been marked as private.

[Thai]

Hi There,

Please try with this CSS:

.page-id-26 .x-navbar {
    background-color: #f0f0f0;
}

The 26 number is the page ID(https://community.theme.co/kb/how-to-locate-post-ids/).

Hope it helps 🙂

[yhshin1020]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Please keep in mind that you can change the colors of the menu items in the customizer, Appearance > Customize > Header > Links – Text and you can select the Navbar Links and Navbar Links Hover. This settings will take effect globally. If you want to have a page by page color scheme, that is not available for the moment. Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[yhshin1020]

This reply has been marked as private.

[Paul R]

Hi,

Yes, it’s possible.

You can add this in Cornerstone > Settings > Custom CSS

.x-navbar .desktop .x-nav > li > a {
    color:#fff;
}

http://screencast.com/t/kNPIKpAFaua

By adding it in there, it will affect only that page.

Hope that helps.

[yhshin1020]

This reply has been marked as private.

[Joao]

Hi There,

That is not related to VC. In case you want to target a specific page yo need to put the page id like you just did.

Let us know if you have further questions,

Joao

[Author]

Posts