How to capitalize font for all headers, titles, and announcement bar (minimal theme)

Solved
Highlighted
Excursionist
18 0 3

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/

 

0 Likes
Highlighted
Excursionist
18 0 3

home page.png

0 Likes
Highlighted
Astronaut
1085 178 213

@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

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Excursionist
18 0 3

it only capitalized the text for the header bar, not the announcements or subheadings.

0 Likes
Highlighted
Astronaut
1085 178 213

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;
}
◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like
Highlighted
Excursionist
18 0 3

Perfect, all capitalized!

Thanks for your help!

0 Likes
Highlighted
Astronaut
1085 178 213

@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

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like