Full Page Image Behind all Main Page Content

Hello, I would like to find the best way to have one main page image that acts as my header image and also the background for all of my sections. I would like to have a hero header with the navigation floating over an image and then opaque tinted sections that also float over and use the same image as their background as the visitor scrolls down.

Is this possible with X-Pro?

Hello @Boans,

Thanks for writing in!

Yes this is possible. You can add the global background image in Pro > Theme Options > Layout &Amp; Design > Background Options. Once you added the background image, you can create your sections with semi transparent or opaque background colors so that the global background image is visible behind the sections. Since you are using Pro theme, you can utilize the custom header builder to achieve the floating over an image navigation as well.

For more details please check out this knowledge base articles:

Hope this helps.

Thanks a bunch!

You’re more than welcome, glad we could help.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.