Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
LivAils

Set background image on homepage only

Question

6 answers to this question

Recommended Posts

  • 0

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.

Share this post


Link to post
  • 0

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?

Share this post


Link to post
  • 0
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)

 

Share this post


Link to post
  • 0

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?

Share this post


Link to post
  • 0
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.....

Share this post


Link to post
  • 0

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!

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...