Canopy theme: How to Make all Headings lowercase?

[cid_gk]

Hello, 

I have the Canopy theme and would like to make all headings (I have set my headings to sackers square gothic) lowercase - there is the option in the theme editor to make it all uppercase, but not lowercase. Can someone help with a code?

gamekastle.myshopify.com

passcode: gameon

[Dan-From-Ryviu]

Hi @cid_gk

Your heading is lowercase. Lowercase style of this font look like uppercase of other fonts.

[cid_gk]

This is not what I meant (I know that sackers square is displayed as all caps in comparison to others, but it has its own capitalized letters on top of this) - You can see an example of what I'm referring to here:  https://gamekastle.myshopify.com/products/game-kastle-spiral-notebook

The You may also like and Customer Reviews... has a capitalized version of sackers square at the beginning of titles... however, on several landing pages, I've had to change it myself by typing it in lowercase. Some pages I am unable to change, so I would rather have it be applied to the whole website. 

I purposefully like the way this font looks all lowercase in its smaller state. 

[PageFly-Henry]

Hi @cid_gk ,

This is Henry at PageFly - Shopify Advanced Page Builder app.

the font your page is using is font-family: "Sackers Square Gothic", serif; and this font is currently only in uppercase, you can change the font to make the title lowercase.

Hope this answer helps.

Best regards,

Henry | PageFly

[cid_gk]

This is not what I meant - You can see an example of what I'm referring to here:  https://gamekastle.myshopify.com/products/game-kastle-spiral-notebook

The You may also like and Customer Reviews... has a capitalized version of sackers square at the beginning of titles... however, on several landing pages, I've had to change it myself by typing it in lowercase. Some pages I am unable to change, so I would rather have it be applied to the whole website. 

I purposefully like the way this font looks all lowercase in its smaller state. 

[oscprofessional · Accepted solution]

Hello @cid_gk 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->styles.css>Add this code at the bottom.

h1, .added-notice .added-notice__price, .image-overlay .line-1, .product-details .product-price .current-price, h2, h3, h4, .cart-summary__subtotal .amount, blockquote, h5, h6, .feature-subheader, .image-overlay .line-3 .link-display {
    text-transform: lowercase !important;
}

[cid_gk]

This worked beautifully! The titles of Products are not with this font however, it is with the other font - can this be excluded? I would like it to show as "Game Kastle Spiral Notebook" on:

https://gamekastle.myshopify.com/products/game-kastle-spiral-notebook