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
4322 980 1639

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
9381 1169 1509

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI

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
9381 1169 1509

@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

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
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
9381 1169 1509

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

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI

PageFly-Richard
Shopify Partner
4322 980 1639

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/