Different background on pages

Hi,

You can add following CSS to your WordPress, using Simple Custom CSS plugin, to have a different background:

body.single,
body.page,
body.archive {
    background-image: url("https://demo.themeisle.com/zerif-pro/wp-content/uploads/2014/07/9636312625_4781be6018_k1.jpg");
}

Regards,
Hardeep

Hi there,
I tried the code above and I can see the image I uploaded but it is sitting behind the solid background that applies to the whole site. How do I move it into the foreground.

Can you assist?
Simon

Hi Simon,

Unfortunately, the theme doesn’t support this customization and, as much as I would love to help with some custom code, this is beyond the support offered for our products, which consists of bug fixing and theme documentation.

However, if you need help with your customization, we recommend codeable: https://codeable.io/

Regards,
Alexandra

Hi Alexandra,
Going the coding route isn’t going to work for me.

Can you tell me if it’s possible to have the same background image on each page as I have on the main page of my site https://sha.co.za.www70.jnb2.host-h.net/ I’m using Zerif Pro?

Alternatively, is it possible to change the transparency of the flat background on the pages so that if I use a plugin to create a background, it will appear?

Thanks,
Simon

Hi Simon,

This will help you remove the opacity from your background: https://docs.themeisle.com/article/30-removing-background-opacity-in-zerif

Best regards,
Alexandra