Set background image on homepage only

Add to Home > Design > Custom CSS

@media screen and (min-width:641px) {
.homepage {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/10/boost-generatepress.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
}

Replace your image url.

Hi that's great for getting rid of it on mobile, thanks.

When it does appear, I also wanted it to appear on the homepage only, so delete it from all other pages. How do I do this?

1 minute ago, LivAils said:

Hi that's great for getting rid of it on mobile, thanks.

When it does appear, I also wanted it to appear on the homepage only, so delete it from all other pages. How do I do this?

that code for only desktop & tablet (min-width:641px)

that code for only homepage (.homepage)

Ah i see thanks. Yes it is not showing on the other pages but it is still showing when I click on each thumbnail (on the homepage). How do I remove it from these posts?

2 minutes ago, LivAils said:

Ah i see thanks. Yes it is not showing on the other pages but it is still showing when I click on each thumbnail (on the homepage). How do I remove it from these posts?

Difficult. Thinking.....

Thank you. I'm not sure if it is something to do with projectPages but this doesn't seem to extend to the background. Let me know if you are able to think of anything!