Font size changes on different pages

Design help General
1

Hi all,

I’m experiencing some difficulties with font sizes. In my website I often use text with the same style ‘informatie tekst’, however on a view occasions (eg. my CMS sites for ‘reasearch’ or ‘exclusives’) the text appears bigger then on other pages (like my CMS ‘collaboration’ or ‘shop’ page). Even if I try to manually change the text style into another size, it doens’t change at all. Only when i change it to a completely different style the font changes. There why it feels a bit like a bug to me. Does anyone know how I can fix this?

Thanks in advance!

Here is my site Read-Only: Webflow - Marieke's Initial Project

3

For a particular CMS page, you can add a data-attribute slug and you can set CSS use in data-attribute
Example:-
Page1, Page2, and Page3 in CMS you can change for Page2 Heading font size.
I have added data-attribute on the body use slug because of slug unique id in CMS so you can use and add CSS for only Page2
Screenshot by Lightshot,
Screenshot by Lightshot
[data-body=“bonzai-scrollx”] .yourclassname {
font-size: 20px;
}

Or only size changes so other option

You can create in CMS number field
- Desktop font-size
- Ipad font-size
- Mobile font-size

https://prnt.sc/iT5ftr-MlVQ8,
https://prnt.sc/_dsV1ZdH-wTp,
https://prnt.sc/sNaYMe9hfS_j

These CMS fields use embedded styles like
 - For Desktop in embed code
 <style>
.yourclassname yourtag {
    font-size: link your CMS field Desktop font-sizepx;
}  
</style>

  • Ipad font-size
    @media screen and (max-width: 991px) {
    .yourclassname yourtag {
    font-size: link your CMS field Ipad font-sizepx;
    }
    }

  • Mobile font-size
    @media screen and (max-width: 767px) {
    .yourclassname yourtag {
    font-size: link your CMS field Mobile font-sizepx;
    }
    }