CSS text transform

Site URL: http://slabtowncider.com

Hey Everyone,

I'm in a bit of a jam.

I was able to successfully add custom CSS to the website to change various headers and H fonts to custom font styles, success.

However, running into the issue that Squarespace's hard coded page titles in the checkout page and checkout confirmation page make the font look weird because it's all in capitals (we don't use the specific font with capitals anywhere else on the website.)

Does anyone know if this is is possible to Fix?  or know of CSS that would fix it?

Closest I've been able to find is by adding a text transform, but I don't know how to map that particular item.

I'm also having the same problem on the checkout confirmation page.

Use this CSS

h2.CartHeader-cartTitle-9Dk3d.cart-title {
    margin-top: 10px;
    text-transform: lowercase;
}

13 hours ago, tuanphan said:

Use this CSS

h2.CartHeader-cartTitle-9Dk3d.cart-title {
    margin-top: 10px;
    text-transform: lowercase;
}

 

Would this also work for the Checkout confirmation page that I also need to fix?  (I'll have to put the website into test mode late at night to fix it)

So I'll just have to inspect that element and change it out using this code?

7 hours ago, wino said:

Would this also work for the Checkout confirmation page that I also need to fix?  (I'll have to put the website into test mode late at night to fix it)

So I'll just have to inspect that element and change it out using this code?

Can your share link to confirmation page?

17 minutes ago, tuanphan said:

Can your share link to confirmation page?

https://www.slabtowncider.com/checkout/order-confirmed?oid=5e8e6c80e808aa50433d5ab1&authCode=NWU4ZTZjODBlODA4YWE1MDQzM2Q1YWIxOjIwMjAtMDQtMDlUMDA6Mjk6NTAuOTU5WmG4FPq71GklYasIL21LuKNeS9zvQh99ySkWZv_UARqf 

I think this is it?

11 minutes ago, wino said:

https://www.slabtowncider.com/checkout/order-confirmed?oid=5e8e6c80e808aa50433d5ab1&authCode=NWU4ZTZjODBlODA4YWE1MDQzM2Q1YWIxOjIwMjAtMDQtMDlUMDA6Mjk6NTAuOTU5WmG4FPq71GklYasIL21LuKNeS9zvQh99ySkWZv_UARqf 

I think this is it?

 

 

div#confirmed-page h1 {
    text-transform: lowercase;
    font-size: 61px;
    margin-top: 20px;
}