Jump to content

Is it possible to have a background image on the "cart" page

Recommended Posts

Posted

Site URL: https://www.lewisrossignolart.com/

Hello,

Is it possible to have a background image on the cart page? Or if not, is it possible to remove or change the background for the site footer on only the cart page? I have a seamless paper texture image I'm using on the whole site. Because it doesn't currently show up on the cart page, the cart page clashes with the footer. I don't care what I have to do to get them to match, as long as they match. I've currently disabled the footer just because it looked bad, but that's far from an ideal solution. Thanks in advance for any help you can give.

  • Replies 3
  • Views 658
  • Created
  • Last Reply

Top Posters In This Topic

Posted
23 hours ago, tuanphan said:

It looks like your site is Wix site??

Sorry, I had included the link to the client's current site. This is the new site I'm working on and to which the question was addressed. If possible, I'd like to have the repeating background image I have on the rest of the site on the cart page as well. 

I've set the password to bananamonkey. Thanks so much. 

https://denim-helicon-dxxt.squarespace.com/original-artwork/original-artwork

Posted
On 2/22/2022 at 1:47 PM, dross said:

Sorry, I had included the link to the client's current site. This is the new site I'm working on and to which the question was addressed. If possible, I'd like to have the repeating background image I have on the rest of the site on the cart page as well. 

I've set the password to bananamonkey. Thanks so much. 

https://denim-helicon-dxxt.squarespace.com/original-artwork/original-artwork

Your url is product page. You want to add background on product page or cart page?

If cart page, add this to Design > Custom CSS

body#cart .section-background, body#cart .page-section {
    background: transparent !important;
}
body#cart {
   background-image: url(https://cdn.pixabay.com/photo/2021/01/07/22/15/dandelion-5898546__340.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   background-color: transparent !important;
}

If individual products, use this code

body[class*="collection-type-products"].view-item {
.section-background, .page-section {
    background: transparent !important;
}
& {
   background-image: url(https://cdn.pixabay.com/photo/2021/01/07/22/15/dandelion-5898546__340.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   background-color: transparent !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.