LivAils 0 Posted November 1 Hello, I have uploaded a background image but I would like this to appear on the homepage only. Does anyone know the CSS to do this? Also how do I remove it altogether from mobile? Thanks https://greyhound-keyboard-sa3k.squarespace.com/ Share this post Link to post
0 tuanphan 6,143 Posted November 1 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. Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
0 LivAils 0 Posted November 1 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 tuanphan 6,143 Posted November 1 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) Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
0 LivAils 0 Posted November 1 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 tuanphan 6,143 Posted November 1 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..... Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID, Block ID, Section ID Squarespace 7.1 CSS List Share this post Link to post
0 LivAils 0 Posted November 1 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
Hello,
I have uploaded a background image but I would like this to appear on the homepage only. Does anyone know the CSS to do this?
Also how do I remove it altogether from mobile?
Thanks
https://greyhound-keyboard-sa3k.squarespace.com/
Share this post
Link to post