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
2 Likes
Hey @amileazoe
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @amileazoe
To change the font size. Check this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- 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!
1 Like
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
Hi @amileazoe
To complete your requests, please follow these steps:
- Go to Shopify Admin > Online Store > Theme > Edit code > theme.liquid
- Add this code before the
{% 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
Here is the result:
I hope this helps
Best,
Daisy
Hi @amileazoe
Please help me, remove this line, it’s wrong.
https://prnt.sc/Yd1o0qKLcl_Y



