Changing All Caps for Headings 3 and 6 to regular sentence case in Responsive Theme

Solved

Changing All Caps for Headings 3 and 6 to regular sentence case in Responsive Theme

brandunleashed
Shopify Partner
23 2 3

I have responsive theme, and I can't figure out how to change headings 3 and 6 to regular sentence case and not have them automatically be in all caps. I have tried a few different code edits with no success. Can you help with the code needed? Thanks in advance!

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4439 1016 1669

This is an accepted solution.

Hi @brandunleashed 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Styles.scss.css

h3,.h3,h6,.h6 {
   text-transform: capitalize !important;
}

Hope you find my answer helpful!
Best regards,
Richard | 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.

View solution in original post

Replies 8 (8)

suyash1
Shopify Partner
9587 1199 1540

@brandunleashed - it might be happening due to css, can you please share this page link where you have them in all caps?

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

brandunleashed
Shopify Partner
23 2 3

Thanks for the reply! The URL is https://westoffiftyfive.com/

Scroll down to where it says "Now Accepting Sezzle" on the Left in a cursive font.

suyash1
Shopify Partner
9587 1199 1540

@brandunleashed - do you want it in small case? something like this can be made, do you want for this text only or have multiple on multiple pages?

 

suyash1_0-1694791672488.png

 

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
brandunleashed
Shopify Partner
23 2 3

Yes, like that! How can I do that? and it would be great if you could let me know how to do it for just one page and also how to do it for the whole site-- I think I want to do it for H3 and H6 for the whole site, but that might not be what I want after I see it.

 

Thanks!

suyash1
Shopify Partner
9587 1199 1540

@brandunleashed - this css is for this particular text only, please add it to the very end of your styles.scss.css file and check... adjust number 28 as per your need to change font size

#shopify-section-c56c9bd6-ef53-4d54-9e5e-77104711c8ca .container h3{text-transform: capitalize; font-size: 28px !important;}

 

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

PageFly-Richard
Shopify Partner
4439 1016 1669

This is an accepted solution.

Hi @brandunleashed 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Styles.scss.css

h3,.h3,h6,.h6 {
   text-transform: capitalize !important;
}

Hope you find my answer helpful!
Best regards,
Richard | 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.

brandunleashed
Shopify Partner
23 2 3

Thanks so much, this worked great!

 

kylie55
Visitor
1 0 0

Hi Richard! I'm dealing with the capitalization issue as well and was hoping you could help. Where do I add the code within the theme? I'm trying to remove the autocapitalization for each word. Additionally, is there a way to clean up all the different fonts?

 

https://centanniwellness.com/