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

Custom font for shopping cart section


daveeee

Question

Site URL: https://maroon-icosahedron-lppc.squarespace.com/

Hi, I'm using custom fonts to entire of my website, and have been able to change most of them using CSS code, but found the shopping cart section was bit difficult one to fix.

Can you help me with CSS to change them? Please refer to screenshots.

https://maroon-icosahedron-lppc.squarespace.com/

password is: 1111

 

Screen Shot 2021-03-18 at 3.30.20 PM.png

Screen Shot 2021-03-18 at 3.31.21 PM.png

Edited by daveeee
Link to comment

6 answers to this question

Recommended Posts

  • 0
On 3/19/2021 at 2:37 AM, daveeee said:

Site URL: https://maroon-icosahedron-lppc.squarespace.com/

Hi, I'm using custom fonts to entire of my website, and have been able to change most of them using CSS code, but found the shopping cart section was bit difficult one to fix.

Can you help me with CSS to change them? Please refer to screenshots.

https://maroon-icosahedron-lppc.squarespace.com/

password is: 1111

 

Screen Shot 2021-03-18 at 3.30.20 PM.png

Screen Shot 2021-03-18 at 3.31.21 PM.png

They used odd class name for the cart recently, here is a list of class name on /cart page that may help, thanks to tcp13

Unofficial Documentation for Cart Page Class Changes - Circle Coding and Customization - Squarespace Forum 

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
On 3/19/2021 at 2:37 AM, daveeee said:

Site URL: https://maroon-icosahedron-lppc.squarespace.com/

Hi, I'm using custom fonts to entire of my website, and have been able to change most of them using CSS code, but found the shopping cart section was bit difficult one to fix.

Can you help me with CSS to change them? Please refer to screenshots.

https://maroon-icosahedron-lppc.squarespace.com/

password is: 1111

 

Screen Shot 2021-03-18 at 3.30.20 PM.png

Screen Shot 2021-03-18 at 3.31.21 PM.png

Add this to Design > Custom CSS

/* Cart page custom font */
div#sqs-cart-container * {
    font-family: 'calibre-w-r',alternative-web-safe-font !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
On 3/19/2021 at 2:37 AM, daveeee said:

Site URL: https://maroon-icosahedron-lppc.squarespace.com/

Hi, I'm using custom fonts to entire of my website, and have been able to change most of them using CSS code, but found the shopping cart section was bit difficult one to fix.

Can you help me with CSS to change them? Please refer to screenshots.

https://maroon-icosahedron-lppc.squarespace.com/

password is: 1111

 

Screen Shot 2021-03-18 at 3.30.20 PM.png

Screen Shot 2021-03-18 at 3.31.21 PM.png

I added a small snippet that can bring the meaningful class name to /cart page using javascript, hope I can get some of your contribution on this

Changes to Squarespace Cart Markup - Circle Coding and Customization - Squarespace Forum

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
On 3/21/2021 at 9:52 PM, tuanphan said:

Add this to Design > Custom CSS

/* Cart page custom font */
div#sqs-cart-container * {
    font-family: 'calibre-w-r',alternative-web-safe-font !important;
}

 

Hi! I have a similar problem, but this didn't work. I want to change the ITEM, QUANTITY, PRICE, SUBTOTAL, etc. font to the one on the product name. I'd appreciate the help!

 

Captura de Pantalla 2021-09-13 a la(s) 1.23.43 p.m..png

Link to comment
  • 0
On 9/14/2021 at 1:26 AM, PAU said:

Hi! I have a similar problem, but this didn't work. I want to change the ITEM, QUANTITY, PRICE, SUBTOTAL, etc. font to the one on the product name. I'd appreciate the help!

 

Captura de Pantalla 2021-09-13 a la(s) 1.23.43 p.m..png

Can you share link to your site? We can check it easier

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