Solved

Can I customize text capitalization in Shopify's Supply theme?

Gio715
Tourist
3 0 1

Hi all,

 

I'm wondering how to capitalize the first letters in the text in my site below:

Screen Shot 2020-11-24 at 2.24.29 PM.png

 

I'm using the theme named "Supply"

 

I went through Edit Language to see how to edit but it seems coded:

Screen Shot 2020-11-24 at 2.12.13 PM.png

Screen Shot 2020-11-24 at 2.26.48 PM.pngScreen Shot 2020-11-24 at 2.26.55 PM.png

 

I've looked through all instances where the text exists in the theme and the first letters are both capitalized. The website is currently not live.  Let me know if anyone can assist!

 

Thank you,

 

Gio

Accepted Solution (1)

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@Gio715 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.section-header--right {
    text-transform: capitalize;
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 7 (7)

Pankaj_Gupta
Shopify Partner
155 21 26

Hi @Gio715,

This is also possible through css.

Please share your store url. I will share some css code for this.

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
Gio715
Tourist
3 0 1

Thanks! Does it matter that the website is not live?

fulldeck.shop

dmwwebartisan
Shopify Partner
12280 2546 3694

@Gio715 

Please share your website password. You can DM me.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@Gio715 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.section-header--right {
    text-transform: capitalize;
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Gio715
Tourist
3 0 1

@dmwwebartisan Perfect! That did it. Thank you so much!!!

Boiken
Tourist
11 0 3

Hello:) 

I was just wondering what would be the way to capitalize all text on the theme. ??

 

dmwwebartisan
Shopify Partner
12280 2546 3694

@Boiken 

Well, I don't know which theme you are using but it simply applies to the body text if you want to apply capitalization to the theme.

Please try the following code.

body {
    text-transform: capitalize;
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app