Canopy theme: How to Make all Headings lowercase?

Solved

Canopy theme: How to Make all Headings lowercase?

cid_gk
Excursionist
34 1 9

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

Accepted Solution (1)

oscprofessional
Shopify Partner
15979 2391 3099

This is an 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;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
8548 1687 1694

Hi @cid_gk

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

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

cid_gk
Excursionist
34 1 9

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
Shopify Partner
1184 335 283

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

cid_gk
Excursionist
34 1 9

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
Shopify Partner
15979 2391 3099

This is an 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;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
cid_gk
Excursionist
34 1 9

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