How to have a different background between the home page and the other pages?

Hello @cocod,

Can you please set the image as the background and then tag me once done, so that I can see if this can be done with custom CSS for your site (otherwise it’s not possible unless you build your homepage with a page builder like Elementor)?

Thank you

No need for any special coding since you can set the background to each page as different from the ‘default’ one you’ve set.

This method would mean that you’ll need to add the image to each page and therefore change them all if you want them all to remain the same as each other, however, it’s doable out of the box.

The method?

On each page, scroll down to Ocean WP Settings and open the tab up …

Select the tab Title > Background Style > Background Image and then upload the image you want.

That will (providing you’ve got a few other settings set for this) enable each page to show it’s own header image.

It works for me with OceanWP – here’s my website if you want to see what I mean in case this isn’t what you’re looking for … https://www.peterboroughtuition.co.uk

As I mentioned, there will probably be some settings in ‘Appearances’ that you’ll need to fiddle with … but unless you’re aiming for a website with very many pages, this is a quick way to, possibly, achieve what you wish.

Bonjour,
merci (@hypno_pboro) et (@wpfleek) pour vos réponses,
je vais tester tout ?a aujourd’ hui et je vous tiens informé.
Bien cordialement.
DB

Hello again,
it does not work see the site https://psychanalyste-toulouse-reve-eveille-girep-mcasesjolinon.fr/page1-2/

I created a site with Publisher https://pelerinsdepaix.org/

And I would like to do the same with WordPress.

Hence my question on the last named site we see that on the home page there is a yellow background and on the other pages the background is different there is an image.

Is it possible or not with the oceanwp theme to do the same?
@hypno_pboro’s proposal does not work the image remains in the header but not in the body of the page.

Thank you

Best regards.

• This reply was modified 4 years, 10 months ago by Cocod.

Ok Cocod, I understand what you mean and yes, my suggestion would only enable each header image to be different, not the background to each page.

I’m not sure of an ‘easy’ way to do this myself, since as far as I know there’s only one place to set the background, and that applies to all pages equally.

Amit Singh (@apprimit) may have some suggestions, however, he knows his stuff on OceanWP.

thanks, how to reach Amit Singh (@apprimit) ?

Bonsoir,
j’ai trouvé comment faire, il suffit d’écrire ce code dans le simple css de la page.
body
{ background-image: url(‘http:xxx’) !important; background-size: 85%;
background-repeat: repeat;
background-position-yx 8em;
background-position-y: 8em;
}
Merci pour votre aide.
Bien cordialement.
DB

• This reply was modified 4 years, 10 months ago by Cocod.