Background image does not display

[Pauline]

Hello,
I would like a background image but it doesn’t display.
I changed the background in appearance > background image and I added also CSS code :
#wrap-outer {background-color: transparent;}
body.custom-background:not(.home) {background-image: none!important;}.The image display between the white background color of the menu and the body only…. I don’t understand why

[SeaTheme]

Hi,

It is possible by custom CSS(“Appearance > Customize: Additional CSS”) to show BG image on home page, like:

.home #wrap { 
     background-image: url(https://xxx.jpg);
}

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook

[Pauline]

Thanks for your answer !

the image is displayed with this code but in repeat. How can i do for stop the repeat please ?

[SeaTheme]

Welcome.

Please use the background-repeat: no-repeat;

.home #wrap { 
     background-image: url(https://xxx.jpg);
     background-repeat: no-repeat;
}

https://www.w3schools.com/cssref/pr_background-image.asp

[Pauline]

Hello,
thanks it’s perfect ! but I would like the image in background of the homepage and the header, how is possible please ?

[SeaTheme]

Hi,

Do you mean to show BG image on both body and header only for homepage?
Could you please leave your webpage URL? I need to check the lived page. Thanks!

Regards

[Pauline]

Hello,

Thanks for all !
I want display the background on both body and header : https://paulinemurca.fr/

[SeaTheme]

Hi, welcome

Please update the CSS as:

.home #wrap,
.home #header {
    background-color: transparent;
}

.home #wrap-outer {
    background-color: transparent;
    background-image: url(https://paulinemurca.fr/wp-content/uploads/2020/11/Figure_homepage-4-07.png);
    background-repeat: no-repeat;
}

Regards

[Pauline]

It’s perfect !! thank you so much

[Author]

Posts