Font size on About Us page

[amileazoe]

hi, my website is www.infinitewonder.co.uk & I'd like the About Us page font changing to be the same as the rest of my website body. I'd also like the font to be a similar size to the 'quick links' font size at the bottom of the page. Please help 🙂 TIA

[Moeed]

Hey @amileazoe 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.rte.scroll-trigger.animate--slide-in * {
    font-family: 'Quattrocento Sans' !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Made4uo-Ribe · Accepted solution]

Hi @amileazoe 

To change the font size. Check this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

h1.main-page-title.page-title.h0.scroll-trigger.animate--fade-in {
    font-size: calc(var(--font-heading-scale)* 4rem) !important;
}

.rte span {
    font-size: calc(var(--font-heading-scale)* 1.8rem) !important;
}

• And Save.
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[LizHoang]

Hi @amileazoe  

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

span {
    font-size: 28px !important;
}

Result 

Best,

Liz

[DaisyVo]

Hi @amileazoe 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Edit code > theme.liquid
2. Add this code before the </head> 

{% style %}
{% if canonical_url == "https://id0et1-1k.myshopify.com/collections/all" %}
h1.main-page-title.page-title {
    font-size: calc(var(--font-heading-scale)* 1.6rem) !important;
}
{% endif %}
{% endstyle %}
thêm trước </head>

Here is the result: 

I hope this helps

Best,

Daisy

[DaisyVo]

Hi @amileazoe 

Please help me, remove this line, it's wrong. 
https://prnt.sc/Yd1o0qKLcl_Y