Home › Forums › WoodMart support forum › How can I globally set font sizes for headlines?
How can I globally set font sizes for headlines?
- This topic has 7 replies, 2 voices, and was last updated 1 year, 2 months ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
September 23, 2023 at 9:58 am #498538
wkmaster1985ParticipantI use the section title widget in a template.
I have two instances: In one widget I set the title to be an H2 element (screenshot: https://tinyurl.com/2bc4ybqp, “H2 Überschrift”), in the other to be an H3 element (“H3 Überschrift”).It appears that both headlines have the same font size.
How can I GLOBALLY set different font sizes for the different headline tags? I do NOT want to always individually set the font sizes.
What I tried so far: I had a look at theme settings > “Typography”, but couldn’t find a setting for globally setting font sizes for headlines.
September 23, 2023 at 3:19 pm #498622
Aizaz Imtiaz AwanKeymasterHello,
Set the font size in the style tab of the elementor page builder.
If you have any questions feel free to contact us.Best Regards.
September 25, 2023 at 7:57 am #498898
wkmaster1985ParticipantHi Aizaz,
as I wrote I want to set the font sizes “GLOBALLY” and NOT on an individual level via the style tab.
Example:
If I decide that my H1 always has 36 pixel and my H2 always 28 pixel then I want to set these font sizes globally in one spot, and I don’t want to go into every single page and every single widget and have to change the font size via the style tab.September 25, 2023 at 2:49 pm #499079
Aizaz Imtiaz AwanKeymasterHello,
Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/
Hope this helps!
Best Regards
September 26, 2023 at 11:15 am #499297
wkmaster1985ParticipantHi Aizaz,
in the “Advanced” section in the dropdown I cannot select specific H tags, such as H2 or H3, and set a global font size. Please see my screenshot attached.
My goal:
I want my heading tags to have a GLOBAL font size, for example all H2 instances should have font-size = 30px and all H3 instances font-size = 26px. In the “Advanced” section I do not see any option to achieve my goal.September 26, 2023 at 3:29 pm #499371
Aizaz Imtiaz AwanKeymasterHello,
You can Set typography for titles (h1, h2, h3, h4, h5, h6) from Theme Settings > Typography y> basics.
https://ibb.co/tzgXdFrBest Regards.
September 27, 2023 at 4:50 pm #499699
wkmaster1985Participant@Aizaz:
I have the feeling you do not understand what I am trying to achieve. My goal is to have DIFFERENT font sizes for DIFFERENT headline tags, for example 30px for H2, 26px for H3, etc.
As I can see in your screenshot it is not possible to achieve this goal via Theme Settings > Typography > Basics.September 28, 2023 at 2:34 pm #499947
Aizaz Imtiaz AwanKeymasterHello,
Our “Section title” widget is created to add stylized titles for sections or slides on pages created with a page builder (examples https://prnt.sc/Rd-XBH2-F-Kn, https://prnt.sc/fvnYaT71SpeK, https://prnt.sc/dMy7Cw5ofE1G).
This widget has its own size gradation that can be changed via “Predefined sizes” option (https://prnt.sc/yUws8fTnDu6I) which will also affect the size of its subtitle and text after the title (https://prnt.sc/rNhuvqBkaXc0). “Section title” title has “Tag” option, but it didn’t affect its size, and it was added only for SEO purposes.
Second, what to do next:
If you want to create a simple Heading for your text content you can use the default Elementor widget called “Headings” which titles size depend on from its h-tag (video https://gyazo.com/e3b5166ec9310a7ea7398a59d07989df)
If you want to use “Section title” and want to make its title ignore “Predefined sizes” and depend on from h-tag, you need to add the following custom code to the Global CSS area in Theme Settings.
.title-wrapper h1.title { font-size: 28px; } .title-wrapper h2.title { font-size: 24px; } .title-wrapper h3.title { font-size: 22px; } .title-wrapper h4.title { font-size: 18px; } .title-wrapper h5.title { font-size: 16px; } .title-wrapper h6.title { font-size: 12px; }
Best Regards.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register