DEBUT THEME: Body font wont change

Solved
melanyg
Excursionist
23 0 11

Hi Everyone, 

I am trying to change the body font of the text on one of my pages. 

I have changed the headers & buttons but cannot change the body text. 

 

Does anyone know how to fix this?

0 Likes
dmwwebartisan
Shopify Partner
5375 1240 1586

@melanyg 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
melanyg
Excursionist
23 0 11
dmwwebartisan
Shopify Partner
5375 1240 1586

@melanyg 

Please go to layout/theme.liquid file.

Find the following code

 

<body class="template-{{ request.page_type | handle }}" >

 

Replace with this new code :

 

<body id="{{ page_title | handle }}" class="template-{{ request.page_type | handle }}" >

 

After adding the above code body will generate an id with a page title like for the about us page "id=about-us".

so to change the about us page body font. You can add the following code in your assets/theme.css file.

 

body#about-us{
font-family: "Your new font name for about us here.";
}

 

Let me know if this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
melanyg
Excursionist
23 0 11

This has not worked 

dmwwebartisan
Shopify Partner
5375 1240 1586

@melanyg 

I just checked. You put the code in theme.liquid page. It is correct.

Now you have to put the following code.

body#about-us{
font-family: "Your new font name for about us here.";
}

 

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
melanyg
Excursionist
23 0 11

I have tried to put it in both theme.liquid & theme.css.liquid. Neither of them have worked 

0 Likes
dmwwebartisan
Shopify Partner
5375 1240 1586

@melanyg 

1) you have to put on layouts/theme.liquid file.

2) body#about-us CSS you need to put on assets/theme.css.liquid file.

font-about-pge.jpg

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
melanyg
Excursionist
23 0 11

I have followed your steps and this still has not changed the font

dmwwebartisan
Shopify Partner
5375 1240 1586

This is an accepted solution.

@melanyg 

Please check the following screenshot and add a closing curly bracket that is missing.

css-closing-bracket-problem.jpg

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes