Jump to content

CSS text transform

Recommended Posts

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.

Screen Shot 2020-04-05 at 4.27.49 PM.png

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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?

Link to comment
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?

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
11 minutes ago, wino said:
div#confirmed-page h1 {
    text-transform: lowercase;
    font-size: 61px;
    margin-top: 20px;
}

 

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

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.