How can I set a different custom main content background image for each page ?
I am using enfold on stretched layout.
Hi anaeemi!
Add this to a codeblock element in each page you wish to change the background.
<style type = "text/css">
.container_wrap_first { background: url("URL to your image") !important; }
</style>
If that’s not working then send us a link to your page and we’ll take a look.
Regards,
Elliott
Have a look at the page.
The background image does not wrap all divs. I need it to cover all main content area and reach the footer.
Thanks.
Hi!
Use this instead.
<style type = "text/css">
#main { background: url("URL to your image") !important; }
</style>
Regards,
Elliott
Question in regards to this issue, where does that code get put into to display said image on said page(s)?