How can I adjust the font and size on my Policies pages?

[GeminiAtelier]

Hi,

For some reason, every time I update or add text on my Policies pages through Settings>Policies, the font changes (see screenshot below). The correct font is the first one with serif (I do not know the name of this font, it has been added by a developer no longer working on the website so I don't know if it is a system font or a custom font).

What is the code I can add to theme.css file to harmonize the font on the policies page? And another for reducing the size of the heading?

Thank you very much for your help!

 

[PaulMartin]

It's hard to give you a code right away as it might affect everything in your store.

[GeminiAtelier]

So what do we need to do in order not to affect everything but just the Policies pages? I have seen some other posts where they gave code and it worked, my issue is just that I do not have the correct name for my font as I am not the one that chose it. Is there any way to have the code apply the site-wide font to the policies pages?

Thank you,

[PaulMartin]

I see. Can you send a link of your store so that I can take a look into it? You mentioned that your font changed after changing the policies, so the original font should be there and something must be affecting it.

[GeminiAtelier]

Hi Paul,

Here is a link to the webshop, one of the policies pages (you can find them in the About section): 

https://geminiatelier.com/policies/shipping-policy

It is password protected, and the password is: sushimonamour

Thanks!

[PaulMartin]

I'll take a look into it and let you know.

[PaulMartin]

Hi Gemini,

I'm a bit confused. The font should be the font-style that has the serif right? Can you point to me which is this serif? Is it the font used by the title: "Delivery Policy"?

Can you also point to me which text is having a font issue?

[GeminiAtelier]

The correct font is the one of the title Delivery Policy and of the first lines of text. You can see on the screenshot below that the font change to a sans serif one further down (from "Prices Denmark" which corresponds to new text I typed in there through Settings>Policies).

 

[PaulMartin]

Ah okay, I understand now. From what I see here, your original font is still here but the text from Prices Denmark and below is overwriting your site-wide font. You won't need to write new code to apply your site-wide font, you just need to remove the overwriting one in the theme.

[PaulMartin]

...

[GeminiAtelier]

Can you guide me through the steps to remove this over writing issue from inside the theme?

[PaulMartin · Accepted solution]

Hi Gemini,

I just realized that this is not a theme issue, but rather how Shopify creates the policy pages on the fly. Select the affected text and try clearing the formatting of the text.

[GeminiAtelier]

It worked 🙂 Thank you so much for your help and time!

[PaulMartin]

Thank you for letting me know that it worked!

[MRamzan]

You can go to to theme -> Edit code -> Layout -> theme.liquid

Find this tag </head>

Just above this you can add below line of code:

If you want to remove the font completely then use below code:

<style>

body {font-family: serif !important;}

</style>

If you only wanted to change in policy page then add below code:

<style>

.shopify-policy__container {font-family: serif !important;}

</style>

If you still not able to find the solution useful. you can tell me I will help you.

Thanks.