Shopify themes, liquid, logos, and UX
Hello,
I have created pages (shipping policy, returns, terms of service) in the Legal section of my Shopify store settings. However, when you view the pages the titles are absolutely huge. I want to make them smaller but there's no way to do this in the theme customiser and I can't find which liquid file these policy pages are using to be able to edit the code.
Can someone please tell me which code file I need to look in to change the font size of these titles? Thanks in advance.
Hello @pureseeds, share store link.
Store link is pureseeds.co.uk
Hello @pureseeds
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
.shopify-policy__title h1 {
font-size: 32px;
}
Hope this will work for you
Thanks....
Thank you!! This worked perfectly.
This didnt work for me. It only changed the font size of the title of the page ("privacy policy") but did not affect the other huge titles within the body of the page. How can i fix the font size of all titles in the page? thanks!
My site is https://professionaleditingservices.myshopify.com
Hi @TinaT ,
You issue is solved or not ?
please explain your requirement?
The solution provided above did not work for me. The solution provided just changed the top title of the privacy page, not the all the other subtitles - they are still huge. I want all the title fonts to be small.
You can have a look at my privacy policy page here:
https://lucideditingservices.com/policies/privacy-policy
Thanks
Hi @TinaT ,
.shopify-policy__body h1 {
font-size: 20px;
}
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
Thank you, that worked! I had to also add the same code for h2 and h3 so that it captured all of the various fonts, but was easy to do:
.shopify-policy__body h1 { font-size: 20px; }
.shopify-policy__body h2 { font-size: 20px; }
.shopify-policy__body h3 { font-size: 20px; }
Thanks so much for helping!
Your Welcome!
You can mark it as an accepted solution.
I tried but there is no button to mark your solution as the accepted solution..
@TinaT ,
You can see here 🙂
Hello! Since my theme is no longer using theme.scss.liquid, where would I add this code? Or would I need to do something entirely different? Thank you. 🙂
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024