Re: 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
5011 1120 1803

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!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


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
10966 1357 1733

@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 | 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
10966 1357 1733

@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 | 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
10966 1357 1733

@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 | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

PageFly-Richard
Shopify Partner
5011 1120 1803

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!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


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/