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

Custom CSS Not Working on Shopping Cart Page


logang

Question

Site URL: https://nothing-matters.squarespace.com/

Hi,

I'm having 2 issues with my shopping cart page:

  1. I'm trying to add some custom CSS to style things like horizontal line color, 'item', 'quantity', 'price' fonts but none of it seems to be working.
  2. There is a default side bar that exists on this page but I do not see an option to turn it off (I'm using the Five theme on 7.0 - on most pages there is a settings section to make the content full width, but this page is less customizable). If need be, I'm fine with hiding it with custom CSS but I can't get that to work either.

Password: 1234

Thanks!

Screen Shot 2021-04-20 at 8.52.56 AM.png

Link to comment

12 answers to this question

Recommended Posts

  • 0

Hey Logang, try using this bit of CSS to remove the sidebar:

body.cart #sidebar-one-wrapper {
  display:none;
}

All the other items are a bit more complicated. It doesn't look like they're using a default class naming convention with random classnames. But these bits of CSS might do the trick:

/*Borders*/
body.cart .cart-container .qrq0lfTEB{
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

/*Label Fonts*/
body.cart .cart-item-list-labels {
  font-family: 'El Camino' !important;
}

 

Edited by WillMyers

Hey-o, my name is Will and I help Squarespace designers and developers with technical things.

I would be happy to answer any questions you have about Javascript, CSS, or the meaning of life  - although I'm only an expert in 2 of these. 

Check out my plugin store or sign up for my newsletter

Link to comment
  • 0

Hi Will, thanks very much for your reply.

Heres the thing - upon adding these bits of CSS, no changes were visible. I saved those bits in there anyways, opened an incognito window and re-logged into my squarespace account. The changes are now visible. But, when I try to add more changes (ie. make the borders a different color) nothing happens.. 

Any idea why this is happening?

Link to comment
  • 0

Hi Creedon, thanks for your support as well.

I don't see the option to turn ajax loading on/off in design > site styles like the article you sent over demonstrates. I'm using the Five template on 7.0.

Link to comment
  • 0

@creedon, that would have been my first guess as well.  
 

@logang2, are you seeing the font label styles change? It’s possible there’s some weird specificity issue happening so you’d need the !important; tags on each value for it to work.

Hey-o, my name is Will and I help Squarespace designers and developers with technical things.

I would be happy to answer any questions you have about Javascript, CSS, or the meaning of life  - although I'm only an expert in 2 of these. 

Check out my plugin store or sign up for my newsletter

Link to comment
  • 0

@creedon Yes, I just clear cache, restarted machine and browser. Still no change..

@WillMyers No I am not seeing any changes and I am using the important tag..

I added font-color and font-size attributes hoping to see the changes happen, but still nothing.

/*Label Fonts*/
body.cart .cart-item-list-labels {
   font-family: 'El Camino' !important;
   font-color: #F8F1E6 !important;
   font-size: 2rem !important;
}

Any other ideas?

Edited by logang2
Typo
Link to comment
  • 0
18 hours ago, logang2 said:

@creedon Yes, I just clear cache, restarted machine and browser. Still no change..

@WillMyers No I am not seeing any changes and I am using the important tag..

I added font-color and font-size attributes hoping to see the changes happen, but still nothing.

/*Label Fonts*/
body.cart .cart-item-list-labels {
   font-family: 'El Camino' !important;
   font-color: #F8F1E6 !important;
   font-size: 2rem !important;
}

Any other ideas?

Can you share link to a product?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 4/22/2021 at 3:18 AM, logang2 said:

Hi Tuanphan,

Here is a product: https://nothing-matters.squarespace.com/clothing/test

Just wanted to reiterate that the page I'm having trouble with is the checkout page, so after you add a product to the cart and then see the total.

Hi. The url doesn't exist

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...