-
Hello there,
I created my header with a block element (Element Type: Site Header) which works fine. Now i want to create individual backgrounds for different pages. Is there any way of doing this in way which includes every page as a whole, for example setting a gradient background spanning over the header and the body of the page? I know I can create a Hook Element for changing the background of the Site Header and use the outermost container element of a page to change the background of the body, but this excludes the possibility of using gradients or images. I hope I’m making it clear. Thanks for reading!
Tobias -
Hi there,
I know I can create a Hook Element for changing the background of the Site Header and use the outermost container element of a page to change the background of the body, but this excludes the possibility of using gradients or images.
not sure why you think it excludes the possibility of using gradients or images, you can add gradients and images to a container.
let me know if I miss anything.
-
Hi, thanks for answering!
Yes, I think you missed something. the question is: How can I create a single background (image or gradient) that spans the body section of my site AS WELL AS the header (which is a block element) – ideally differently on different pages? If I target the body section and the site header seperately, all I can do is monochrome backgrounds if I want it to appear continuous. -
How can I create a single background (image or gradient) that spans the body section of my site AS WELL AS the header (which is a block element)
You can set site header background color to transparent, so you can see the body background underneath the site header.
If you only want to add 1 background to the entire site, you can use the Backgrounds module in customizer, but you want to add different backgrounds on a page basis, it’s better to use CSS.
- You must be logged in to reply to this topic.