Jump to content

Increase Font Size of Shopping Cart Items

By ccandido, in Fonts, colors and images

Go to solution Solved by Lesum,

Recommended Posts

ccandido Level 2

ccandido

Posted
Posted

I am having trouble adjusting the font size of my shopping cart items. I've searched the forums and tried other codes that were provided, however it's not working for me. I was able to change the header text. I have not been able to change item list font, price, subtotal. It's too small. Can anyone help?image.thumb.png.0f7a490d95e9304ae8509eee3588d4e7.png

 

  • Replies 4
  • Views 1.8k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Lesum
Lesum

Hi, here is a code snippet to increase the font size on shopping cart: .cart-row-desc a { font-size: 1.7rem !important; overflow: visible !important; } .cart-row-variants p { font-size

CassAggett
CassAggett

This is code that I've used previously - not sure if selectors have changed recently though - just change the font size to what you need: // CART ITEM QUANTITY PRICE // #cart .cart-item-list-labels

Posted Images

CassAggett Level 8

CassAggett

Posted
Posted

This is code that I've used previously - not sure if selectors have changed recently though - just change the font size to what you need: 

// CART ITEM QUANTITY PRICE //
#cart .cart-item-list-labels {
  font-size: 1.2rem !important;
}

#cart .cart-row-title,
#cart .cart-row-desc,
#cart .cart-row-price,
#cart .cart-checkout-button
  {
  font-size: 1.2rem !important;
  }

// CART PRODUCT NAME //
.item-desc a {
  font-size: 1.2rem !important;
}

 

Instruction: How to set a site-wide password

If this helped you, please like or mark my solution as answer so others can scroll to it quickly 👆

Cass Aggett is a Squarespace website designer for go-getting women – no matter what stage of business.

WEBSITE • INSTAGRAM

 

  • Solution
Lesum Level 9

Lesum

Posted
  • Solution
Posted

Hi, here is a code snippet to increase the font size on shopping cart: 

.cart-row-desc a {
    font-size: 1.7rem !important;
    overflow: visible !important;
}

.cart-row-variants p {
    font-size: 1.4rem !important;
}

.cart-row-qty-input {
    font-size: 1.4rem !important;
}

.cart-row-price {
    font-size: 1.4rem !important;
}

.cart-subtotal-label {
	font-size: 1.4rem !important;
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer
☕ Did you find my contribution helpful? Buy me a coffee?

  • 3 weeks later...
  • 1 month later...

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources