Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
This is an accepted solution.
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 - it might be happening due to css, can you please share this page link where you have them in all caps?
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.
@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?
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!
@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;}
This is an accepted solution.
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.
Thanks so much, this worked great!
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?
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025