How to change title size on legal policy pages? Narrative Theme

[pureseeds]

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.

[Wahab_Ahmad]

Hello @pureseeds , share store link.

[pureseeds]

Store link is pureseeds.co.uk

[oscprofessional]

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…

[oliviad]

Thank you!! This worked perfectly.

[TinaT]

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

[oscprofessional]

Hi @TinaT ,

You issue is solved or not ?

please explain your requirement?

[TinaT]

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

[oscprofessional]

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

[TinaT]

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!

[oscprofessional]

Your Welcome!

You can mark it as an accepted solution.

[TinaT]

I tried but there is no button to mark your solution as the accepted solution..

[oscprofessional]

@TinaT ,

You can see here

[RicquelS]

Hello! Since my theme is no longer usingtheme.scss.liquid, where would I add this code? Or would I need to do something entirely different? Thank you.