Docs

[aleadfreak]

Hi,

Together we’ve coded a transparent header with white font.

I have a few pages (service pages) that have a lighter background and no slider. The text in the header is no not visible. Is it possible to change the header font colour on these pages only?

Looking to have the font colour black on these pages.

URL: http://leadfreak.co.uk/our-services/strategy-planning/

Thanks

Alex

[Joao]

Hi There,

Please add the following code to Appereance > customizer > Custom > CSS

.page-id-1406 .x-navbar .desktop .x-nav > li > a {
    color: red;
}

Hope that helps

Joao

[aleadfreak]

Great, thanks Joao.

How would I change the Logo text colour to the same?

And is there a way to change the grey opaque bar to white opaque?

Again, only on these specific pages.

Thanks

Alex

[Rupok]

Hi Alex,

You can use the below CSS for the logo text :

.page-id-1406 .x-brand.text {
  color: red;
}

And this for white opaque Navbar :

.page-id-1406 .x-navbar.x-navbar-fixed-top {
  background-color: rgba(255, 255, 255, 0.5);
}

Cheers!

[aleadfreak]

Hi Rupok,

On using the above code, when I hover on the nav bar menu items it does not change colour to that highlighted on the customise settings.

Any ideas?

Thanks

Alex

[Lely]

Hello Alex,

Please also add this:

.page-id-1406 .x-navbar .desktop .x-nav > li > a:hover{
    color: rgb(72,234,126);
}

If overrides customizer settings for hover. We have to add that CSS too.

Hope this helps.

[aleadfreak]

Great! Thanks!

Much love to the Themeco team this Christmas! Great work you’re doing.

Alex

[Christian]

You’re welcome.

[Author]

Posts