Docs

[FrancisLagaret]

On the homepage with Slider Revolution installed, I have the ‘masthead’ transparent and links are black. When the homepage scrolls, the ‘masthead’ background becomes white.

what I need to do is have the ‘masthead’ transparent and links white and when the page scrolls, the background then becomes white with links becoming black.

Any ideas, I’ve tried custom css in several locations.

Using Integrity stack.

[Paul R]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[FrancisLagaret]

Thank you.

lagaret.com

[FrancisLagaret]

And … I’m new to WordPress and X Theme. Thanks!

[Rupok]

Hi there,

Thanks for the URL. It seems you have some code for this already. Let’s add this under Custom > CSS in the Customizer with your existing code :

.x-navbar .x-nav-wrap .x-nav > li > a {
  color: #fff;
}
.x-brand.text {
  color: #fff;
}
.x-navbar.x-navbar-fixed-top .x-nav-wrap .x-nav > li > a {
  color: #000;
}
.x-navbar.x-navbar-fixed-top .x-brand.text {
  color: #000;
}

Hope this helps.

[FrancisLagaret]

Getting closer – I’ll try to explain as best I can.

On the homepage, all works fine except onhover of the nav link.

On all other pages, the header/masthead the links and text are now white and should be black. This is until you scroll page up then it all looks fine.

[FrancisLagaret]

and THANK YOU!

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

body:not(.home) .x-navbar .x-nav-wrap .x-nav > li > a,
body:not(.home) .x-brand.text {
	color: #000;
}

Hope it helps, Cheers!

[FrancisLagaret]

AMAZING! You’re the best. THANK YOU, cheers!

[Joao]

You are welcome!

Let us know if you need help with anything else.

Joao

[Author]

Posts