Shopify themes, liquid, logos, and UX
How do I stylize my custom added font so all the text is capitalized for the headings and subheadings without doing it manually?
website URL is: https://healthyboba.com/
Solved! Go to the solution
This is an accepted solution.
Replace the previous code with this one:
.header-bar__message,
.site-nav li *,
.grid-link__title,
.header-bar__module *{
text-transform: uppercase !important;
}
@zoepuno
Do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
.site-nav li *,
.header-bar__module *{
text-transform: uppercase !important;
}
Please let me know whether it works.
Kind regards,
Diego
it only capitalized the text for the header bar, not the announcements or subheadings.
This is an accepted solution.
Replace the previous code with this one:
.header-bar__message,
.site-nav li *,
.grid-link__title,
.header-bar__module *{
text-transform: uppercase !important;
}
Perfect, all capitalized!
Thanks for your help!
@zoepuno you're welcome, I'm glad to hear that!
Next time feel free to contact me personally, I'll be happy to help.
Kind regards,
Diego
Hi everyone,
Could someone please tell me how I could capitalise my headers in the Modular Theme?
Any help would be much appreciated.
Thank you 🙂
where do i enter this code?
Hi Deigo,
I have tried this and it is not working for me for some reason... my site is in edit mode https://musclecreekcreative.myshopify.com/ Can you please help as I really need to capitalise my headers.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024