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

Changing Shopping Cart Page


rachelt

Question

Recommended Posts

  • 0
On 6/12/2021 at 8:34 PM, AlishaK said:

Hi Taun, unfortunately that didn't seem to work. The result is even more confounding. 

Screen Shot 2021-06-12 at 9.33.57 AM.png

Remove this code

.checkout-button * {
    padding: 4px;
    background: #f7efe7;
    font-family: 'MDNichrome0.7';
}

add new code

.checkout-button * {
    padding: 4px;
    font-family: 'MDNichrome0.7';
    color: green !important;
}
.checkout-button {
    background: red !important;
}

 

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

Is it bad to revive old questions on this forum?  Or is it preferred to piggy back here if I have a similar question?

I am trying to change the color of these black X's on the shopping cart page but I can't find where to adjust this color.

 

helppp.png

Link to comment
  • 0
Posted (edited)
26 minutes ago, dustinandjessica said:

Is it bad to revive old questions on this forum?
I am trying to change the color of these black X's on the shopping cart page.

No, that's fine 🙂

You can change these by adding the following to Design > Custom CSS:

#sqs-cart-container .item-remove button {
  color: white;
}

 

Edited by paul2009

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0
10 minutes ago, paul2009 said:

No, that's fine 🙂

You can change these by adding the following to Design > Custom CSS:

#sqs-cart-container .item-remove {
  color: white;
}

 

Hi Paul,

Thank you for looking into this issue.  

I pasted the code into my Custom CSS area but the X's are still black.  

If you add something to your cart from this page, then go to the cart, are they black for you also?
https://www.theblissboxstore.com/what-kind-of-bliss


 

Link to comment
  • 0

Hmm. Try again (I've updated it).

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0
2 minutes ago, paul2009 said:

Hmm. Try again (I've updated it).

That did it!  Thank you Paul!

While I have you here, do you mind if I ask one more question about the cart page?  Is it possible to create a border around the cart area similar to what I have done in the attached photo?  I think I have seen it on other peoples' square space pages.

Screen Shot 2021-07-01 at 2.52.46 PM.png

Link to comment
  • 0
On 7/2/2021 at 4:56 AM, dustinandjessica said:

That did it!  Thank you Paul!

While I have you here, do you mind if I ask one more question about the cart page?  Is it possible to create a border around the cart area similar to what I have done in the attached photo?  I think I have seen it on other peoples' square space pages.

Screen Shot 2021-07-01 at 2.52.46 PM.png

Add to Design > Custom CSS

/* Cart border */
div#sqs-cart-container {
    border: 1px solid white;
    padding: 2em;
}

 

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

Hey there! A lot of these helped so thank you already. However, is there a way to change the color of the text in the 'quantity' box, as it's currently white in a white box. Alternatively, is there a way to change the color of the box background itself? image.thumb.png.1241be8e3b6d125011a140b2d85ba9cf.png

Link to comment
  • 0

@IainMadden

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0
7 minutes ago, creedon said:

@IainMadden

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Sorry, the client isn't happy with giving that out so I am unable to. I'll try to make it more clear using images. The client wants the text in the quantity box, which I've circled in red, to be a different color, since currently it's white on white (as is shown in the second image where I highlight the quantity number). If that's not possible, would it be possible to change the color of the quantity box instead?image.thumb.png.1d948d01f2317ac4251d9fddd4e99a23.pngimage.thumb.png.cffdfbc87571f3ed360ad5887e921a5a.png

Link to comment
  • 0
On 7/1/2021 at 5:20 PM, dustinandjessica said:

Is it bad to revive old questions on this forum?  Or is it preferred to piggy back here if I have a similar question?

I am trying to change the color of these black X's on the shopping cart page but I can't find where to adjust this color.

 

helppp.png

May I ask how you changed the fonts within the same line? (The Bliss Box). It's lovely!

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...