Lowercasing the "shopping cart" font

Site URL: https://www.sunnylandthreads.com/cart

Can someone please tell me how to lowercase the "SHOPPING CART" font on this page?

Thank you 🙂

Hi @sunnyland_threads

Here's a solution to the problem.

Add to Design > Custom CSS

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

Hi @tuanphan

I am trying to make the "Shopping Cart" Text lowercase also (and change it to the custom font I have set up) but the code above doesn't seem to work. Can you tell me where I'm going wrong?

Webiste = https://michelletaikiart.com/

Password = Summer01

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

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.

5 minutes ago, creedon said:

Try the following.

.cart-title {

  text-transform : lowercase;
  font-family : san-serif;
  font-size : 72px;
  
  }

Change the font-family and size to suit.

Let us know how it goes.

Thanks @creedon

No luck with that either - any ideas?

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?

23 minutes ago, MichelleT said:

No luck with that either - any ideas?

I have updated my code post.

Let us know if that helps.

31 minutes ago, creedon said:

I have updated my code post.

Let us know if that helps.

Thanks Creedon - think I figured it out. The below seems to work:

.qdfWf_Xh_ {
    text-transform: lowercase !important;
    font-size: 60px !important;
}