Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

CSS text transform


wino

Question

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 post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 1

Use this CSS

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

 

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post
  • 1
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?

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post
  • 1
11 minutes ago, wino said:
div#confirmed-page h1 {
    text-transform: lowercase;
    font-size: 61px;
    margin-top: 20px;
}

 

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post
  • 0
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 post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...