Jump to content

Increase 7.1 Cart Icon Line Weight

Recommended Posts

Add to Home > Design > Custom CSS

/* burger lines height */
.burger-inner>div {
    height: 3px !important;
}
/* cart */
svg.icon.icon--cart {
    stroke-width: 2px;
}

 

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

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
  • 5 months later...
2 hours ago, thegiftrebellion said:

Hello Tuanphan, I've used lots of your custom html in my website with great success. Thank you. 

The html above works to make the cart lines stronger but it doesn't change the weight of the cart items number. Can you please help to adjust the number? 

Thanks

Use this CSS

span.sqs-cart-quantity {
    font-weight: bold;
}

 

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

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
  • 3 months later...

Hello,

I'm pretty new to CSS coding and I also wish to increase the weight of my cart and menu icons, but I'm wondering if it will cause problem with the fonctionality of the cart and of the website in the future if squarespace updates something ?

Thank you very much!

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

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.