Make policy page H1 headings uppercase

Solved
jmr93
Excursionist
25 0 204

Hi

 

In my store I tend to use uppercase for my page headings however with the policy pages they title is automatically in normal sentence case.

 

Example policy page: https://thetrouvailles.com/policies/refund-policy

 

If I use the dev tools in Google Chrome I can add a CSS style for the H1 tags using text-transform: uppercase to make the tittle uppercase - I can't work out how to code this into my theme though, I've tried the below but it doesn't work.

 

.shopify-policy__title.h1 {
    text-transform: uppercase !important;
}

 

Any ideas?

 

Thanks

0 Likes
Syed_Mustafa
Shopify Partner
252 5 18

Is this correct?correcnt.png

If helpful then please Like and Accept Solution.
Do you need custom changes on the store or want a complete speed optimization? Hire me.
Need a dropshipping expert or wants to alive your dead dropshipping store?
Feel free to contact me at Syedmustafanadeem99@gmail.com
0 Likes

This is an accepted solution.

@jmr93 

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:

 

.template-policy h1 {
    text-transform: uppercase !important;
}

 



Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes
jmr93
Excursionist
25 0 204

Thanks!

0 Likes