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.

WooCommerce Custom Order Dropdown Based on Payment Method

WooCommerce admin order page custom drop-down base on payment method & show order admin column with code only

Enabling Guest Checkout in WooCommerce: Bypassing Email Verification for Order Payment

Enable guest payment, bypass email verification. Enhance user experience, boost conversions. Easy, efficient, and customer-friendly solution

Simple jQuery Accordion Collapse

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

Conditional statement to show pagination

Conditional statement to show pagination on WordPress archive or blog page

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.