Canopy theme: How to Make all Headings lowercase?

Store Design
,
1

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?

passcode: gameon

2

Hi @cid_gk

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

3

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

4

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.

5

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.

6

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;
}
7

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