Different Background Images

[paulstolle]

Hi there,

I'd like to change my background image from page to page (different background-images for different pages). How can I handle this? I just found no workaround …

Thanks in advance,

Paul

[Richard]

Dear Paul @paulstolle

There is not a built in option as i'm sure you have found e.g in Customize - However this could be done with each project page/gridder.

You could add ' More - +HTML' and set a background image for each page:
https://www.w3schools.com/html/html_images_background.asp

You could place an image, give it a custom class and then using Custom CSS located in "Lay Options - Custom CSS & HTML' change its properties to be fullscreen and in the background:
https://css-tricks.com/perfect-full-page-background-image/

For sure possible Paul but just takes a few steps -
Once you had it working once you could copy and paste your code into each page only having to change the img URL etc.

FYI: You can access an img url from the Media Library to insert into your code-

In the media library within the image options we can copy the link path:

Best wishes Paul, Thank you for using Lay Theme in 2021 & remember that Google has heaps of tutorials/help on basics of CSS & HTML also:
https://laytheme.com/documentation.html#custom-css-styling

Sincerely
Richard

[paulstolle]

Thanks a lot @Richard-K!

[Richard]

Dear @paulstolle

No worries! best of luck with your project! :_)