Shopify themes, liquid, logos, and UX
Hello
I'm adding Policies to my new Shop but the font size of the normal Page and a Policy page is different and i would like to get the header of a policy page the same size as a normal page how is this possible?
Thanks already
Solved! Go to the solution
This is an accepted solution.
@Notschger
Paste this code on the top of the base.css file.
.shopify-policy__title h1 {
font-size: calc(var(--font-heading-scale) * 5.2rem) !important;
margin-top: 80px !important;
}
Thank You.
@Notschger it is possible but mostly depends on the type of theme you are using
@Notschger okay... you can just go to the theme settings, and see some features there about changing text size or so.. and if it can't it might be because its a free theme
can i view your store
@Notschger go to the theme settings in the design page and you will some categories there, but your store is empty, there is no products
I don't think you know how to solve my problem but thank you. It has nothing to do with products in my store.
Hii, @Notschger
Paste this code on top of the base.css file.
.shopify-policy__body .rte p {
font-size: 18px !important;
}
Thank You.
@Zworthkey This only changes the body font size of the policy page. My porblem is that the header font size of a normal page and a policy page are different and i would like to have the header in the size of a normal page so the policy page looks like a normal page.
Thanks already
hii, @Notschger
Can you give me a screenshot of your problem so,
I can solve it pefectly.
Thank You.
@Zworthkey sure so check the pictures. On my sizing page the title is bigger than the the biggest subtitle. on my policy pages it is the same size check for example warranty and returns. i would like to have the policy page title the same size like a normal page.
hii, @Notschger
Paste this code on top of the base.css file.
.rte h1 {
font-size: 34px !important;
}
Thank You.
@Zworthkey Now just the subtitles are all the same size. But I need the "Warranty and Returns" and "Sizing" the same size and preferably also with the same margin from the top.
This is an accepted solution.
@Notschger
Paste this code on the top of the base.css file.
.shopify-policy__title h1 {
font-size: calc(var(--font-heading-scale) * 5.2rem) !important;
margin-top: 80px !important;
}
Thank You.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024