Transparent header on one page only in PRO

[TJF85]

I’m looking to have menu header transparent for one page only so my rev slider will look sharp without a large white section above the image. I couldn’t find where I would add CSS for the one page. I. know how to make the change globally with css, but not how to make the change on one specific page.

I have 4 Pro versions and like 12 or more X versions. May as well save time to know the change to be made is the same for both or what to do for PRO and X.

thanks!

[marc_a]

Hi @TJF85,

Thanks for reaching out.

I suggest that you will use the header builder in Pro, where you can create multiple headers and can also assign it to a specific page. For more information about the Header Builder, please check it here. You may also check out our Youtube tutorials in Header Builders, check it here.

On the other hand, every page has a unique class. So I advise you to target that class for that specific page to apply your Global CSS. To do that, please inspect the element of your browser and then locate for the body tag and you can check it there the unique class for each page. See the example below.

Hope that helps.

Thank you.