[RPGronin]

Hello,

I used to have a different background on each page using the following code in the HTML-editor of the pages:

body {<br />
background-image: url(“/wp-content/uploads/background.jpg”);<br />
background-repeat: no-repeat;<br />
background-size: 100%;<br />
}<br />

This used to work very well, but now I am unable to show a background on two different pages, though I have not changed the code.
My website is: http://www.rangakupg.com

Can you help me?

[Theme Horse Support Team]

Hi RPGronin,

Are you trying to change the different background image for each page?

Thank you!

[RPGronin]

That is exactly what I mean, yes.
I hope you can help me.

[Theme Horse Support Team]

Hello,

Login to your admin dashboard and go to Appearance > Customizer > Design Options > Custom CSS and paste the below custom CSS code to set the different background image for each page.

.page-id-561 {
    background-image: url(add-full-image-url-here);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

Note: Add your the page id in above digit value 561 and add the full image url in add-full-image-url-here text above and for another page copy paste above code and repeat the same action to set different background image for another page.

Thank you for using our theme.

[RPGronin]

Thank you very much for your help, it works perfectly!

[Theme Horse Support Team]

Welcome anytime @rpgronin

[Author]

Posts