Global font settings

Hello,

I want to estabhlish a universal CI (corporate identity) on my website. For that I have defined fonts, font weight and font size for h1 – h6, text, subtitles, …
I have set these parameters under “Theme settings -> Typography -> Basic / Advanced”

The problem: It doesn’t work for certain woodmart elements. The text size isn’t used as configured.

In for example the “Information box -> Title and Subtitle” there is the option “Predefined title size”. As far as I see does this setting overwrite the font sizes set in Basic / Advanced Typography.
All of my pages shall have a unifrom CI and therefore I don’t wan’t to have this setting (it is much easier to set the font settings globally). I don’t want to have to remember to adjust this setting for every element. So I either want to remove this setting completely or change the predefined values.

How can I accomplish this?
I’m also open to other options on how to configure the fonts globally.

Best regards

Hello,

I would like to request temporary admin access to the website to take a better look at the issue there

Also, send me the URL link where the Information Box is defined.

Kind Regards

Hello,

the credentials are attached.
You can see the current live page (Glasschiebewand) at https://tegards.com/glasschiebewand/

Best regards

Hello,

It looks like the right font appears – https://prnt.sc/twwJFsEV3EJ- , https://prnt.sc/JVXyzHVlMPCf

Let me know if you have sorted it out or if I missed something.

Kind Regards

Hello,

I think we talked past each other.
I know that the font family and font weigth are used correctly (since they aren’t overwritten in the element). The problem is the font size. In the attached screenshot you see the field I’m referring to. I don’t wan’t this field to have any effect. I wan’t that ALWAYS the font size set in “Theme settings -> Typography -> Advanced” is used.

How can I accomplish this?

Best regards

Attachments:

You must be logged in to view attached files.

Hello,

Okay, understood. In this case, I suggest using the below custom code to set the global size for the e.g. h2 tag:

body h2 {
    font-size: 40px !important;
}

For other tags, you can use the same custom.

Define it in Theme Settings -> Custom CSS. If you want different sizes for each device, use the appropriate areas: https://prnt.sc/u_9YpIzygsUN

Kind Regards

[Author]

Posts