Reply To: How can I globally set font sizes for headlines?

Hello,

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.