Docs

[umbertofederico]

Hello there!

I’m currently working on a project, where on the homepage I have to have the header to be transparent as a slider goes underneath it. For the rest of the pages I want the header to be white. Is there a way to do that?

Thanks for your help!

Umberto

[Lely]

Hello Umberto,

That can be achieve using some custom CSS. 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.

[umbertofederico]

This reply has been marked as private.

[Joao]

Hi Umberto,

Please change your code :

.x-navbar {
background-color: rgba(0,0,0,0.6) !important;
}

to :

.home .x-navbar {
    background-color: rgba(0,0,0,0.6) !important;
}
.x-navbar {
    background-color: white !important;
}

Hope that helps

Joao

[umbertofederico]

Yeah – that did the trick! Thank you very much!

Is there also a way to have a specific logo (e.g. white) for the homepage and have a different color for all other pages?

[Rupok]

Hi there,

Thanks for writing back. Are you referring the logo text as I can’t see any logo? I can see you already made it white for the homepage with some CSS. Would you clarify if you still need help on this?

Cheers!

[umbertofederico]

I’m talking about an actual logo – an image. The text is just a placeholder right now since I’m waiting for the logo to be designed. Once it arrives, I need two different colors (a dark gray logo wouldn’t work on the homepage).

[Joao]

Hi There,

On Appereance > Customizer > Header set the logo you want to use on all pages.

Than go to Appereance > Customizer > Custom > Javascript and add :

jQuery(".home .x-brand img").attr("src","http://yourweb.com/wp-content/uploads/2015/11/logo.png");

Set the URL to the logo you want to use on your home page.

Hope that helps

Joao

[umbertofederico]

Perfect! thank you! I’m gonna try it tomorrow.

Kind regards,
Umberto

[Nico]

Happy to hear that.

Let us know how it goes

Thanks.

[Author]

Posts