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.

Enable Leverage browser caching & Compression

To speed up your website and get good score, Enable Leverage browser caching & Compression

Random slide order in slick sider

Change slick carousel slide order randomly

Sticky Menu Show when scrolling up

Header bar only show when scrolling up with simple jQuery and CSS trick.

Replace add to cart button with the product page link & Change add to cart text

`Replace add to cart button with product single linked to product page on shop pages in WooCommerce 3

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.