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

  • 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.

Remove WooCommerce checkout fields

Remove WooCommerce Checkout field with simple filter hook

WordPress Related Post

Show related post on blog single page or any custom post single page

WordPress Next and Previous Post

WordPress Next and Previous Post navigation for custom post type and defult blog post simple php code to use single page

Customizing WooCommerce Order Numbers with Prefix and Year Suffix

Customize WooCommerce order numbers your way, whether you prefer code or a plugin. Add unique prefixes and dynamic year-based suffixes effortlessly. Make your store’s orders truly yours!

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.