How To Change Font Size In Elementor
Elementor How To Change Font Size
This is how you can change the font size of the elements on the page you’re editing in Elementor.
Elementor is an amazing website builder plugin for WordPress. Elementor makes it easy to create beautiful and high converting websites yourself without having to learn code.
- 100% Flexible
- No Coding Necessary
- Thousands of Pre-Built Templates
- Wordpress Only
If you’re using the Elementor editor to build pages and posts on your WordPress site, you may have noticed that there’s no obvious way to change the font size. While you can change the size of some elements using the editor’s options, others (like headings and paragraphs) don’t have a size option. So how do you change the font size in Elementor?
The easiest way to change the font size in Elementor is to use the built-in Custom CSS feature. This feature allows you to add CSS code to any element on your page, giving you full control over its styling. To use this feature, simply open the element’s settings panel and click on the “Advanced” tab. Then, scroll down to the “Custom CSS” section and enter your CSS code.
In the example below, we’ve added the following CSS code to a heading element:
h1 {
font-size: 32px;
}
This code will change the font size of the heading to 32px. Of course, you can change the size to whatever you like. Just be sure to add the correct CSS code for the element you’re targeting.
If you want to change the font size of all headings on your site (H1, H2, H3, etc.), you can do so by adding the following CSS code to your site’s Custom CSS field:
h1, h2, h3, h4, h5, h6 {
font-size: 32px;
}
Remember, you can use the Custom CSS feature to make any styling changes you like to any element on your pages and posts. So if you’re not sure how to do something in Elementor, just give it a try!