December 30, 2024
1 min read
Essential Code Snippet For Web Developers

If you work with elementor you might see Text Editor Widget have some issue on typography change.

Font size and some other style not work properly. Maybe they will fix it next update but until that you can use simple CSS in your custom CSS area to fix this issue

If you use the free version of elementor you can go Customizer > Custom CSS or If you have Pro version of elementor you can use their custom CSS panel

Elementor text editor Typography Issue July 18, 2020

Put this css code the place you prefer to use custom css

Custom Css
.elementor-text-editor p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

That’s all. Let me know if you still have issue.

Leave a Reply

Your email address will not be published. Required fields are marked *

2 Comments

  • Avatar of Lyne Lyne says:

    I pasted the css code into the page and it applied on the backend, but when I click “publish” the font size reverts on the live end. Is there a way to apply the changes so they will stick when published? Thanks.

Simple jQuery Accordion Collapse

Custom coded Simple jQuery Accordion with toggle arrow. No need extra plugin or fremwork like bootstrap

Get WooCommerce product info

Show product info in the place as you wish to. It help you to make your custom woocommerce product page layout.

Conditional statement to show pagination

Conditional statement to show pagination on WordPress archive or blog page

Allow Only Business Email Addresses in the Email Field of Elementor Forms

Find out how to restrict email fields in Elementor forms to business emails only. Improve form data quality by blocking free email domains like Gmail and Yahoo.

Web Development Project in mind?

if you looking for a web developer for paid contribution to your project I am available for work.

Mukto
Mukto

Click the button below to chat with me.