Jump to content

Lowercasing the "shopping cart" font

Recommended Posts

Add to Design > Custom CSS

.cart-title {
    visibility: hidden;
}
.cart-title:before {
    visibility: visible;
    content: "Shopping Cart";
    text-transform: lowercase;
    font-family: briasetto;
}

 

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
1 hour ago, MichelleT said:

I am trying to make the "Shopping Cart" Text lowercase also (and change it to the custom font I have set up)

Try the following.

.cart-title {

  text-transform : lowercase !important;
  font-family : billionaire-miracles !important;
  font-size : 72px !important;
  
  }

Change the font-family and size to suit.

Let us know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
1 hour ago, MichelleT said:

Also, any chance you can help me change the product name/prices on the product pages to the custom font?

The class for the product title is .LW_8wunl7 and the class for prices is .item-price does that help you with creating your rulesets?

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.