Unable to change font size and line height with elementor

Are you also facing the same issue as mentioned above? I’ve been trying to resolve that issue from last 2 days. One of my client was very mad at me as he was unable to change the font size and line height of the text. So I tried different things that resolved my issue and you should also try few things. I.e:

  1. You should not see any custom html elements when you click on text tab in elementor widgets as you can see in the image below ;

2. If point no 1 doesn’t resolve your issue, then paste this code in settings -> advance settings -> custom css

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

Proper path to follow:

settings
advance -> custom css

Hope it would resolve your issue. Let me know in comments that if it didn’t solve your issue.

Thanks for reading

Share it in your network:

18 thoughts on “Unable to change font size and line height with elementor”

  1. Hey man, any advice if both of those didn’t work? Can’t figure out what’s wrong. The font size works fine, but line height doesn’t work. Thanks in advance.

    1. Hey Alex! I got my issue resolved from these methods. But maybe in the updated version of Elementor, might be some other issue. I’ll check it and will update you and this article soon.
      Regards

  2. Hey Alex! I got my issue resolved from these methods. But maybe in the updated version of Elementor, might be some other issue. I’ll check it and will update you and this article soon.
    Regards

  3. I just realized that it only works in the backend (on the Elementor interface), but the frontend doesn´t take over the changes. Any idea?

        1. Hi Karolina! Please let me know if this still didn’t resolve for you? Also, would you mind sharing your wp-admin credentials with me at [email protected] or adding me as a user? So, I can take a look into this matter and update the article accordingly as there are a lot of people out there who are facing this same issue. And the problem is that I couldn’t recreate this issue on any of my sites even after trying. Lol. So, let me know if you can share yours, and I can resolve it for you. and definitely will let you know what was the exact issue.

          Regards

    1. Hey, i have the same exact issue. The code worked fine in the backend but the actual site doesnt respond to the line height.

  4. The First option kind of work for me (nothing else had worked before, spent hours searching), there was no code on the text tab, but by clicking and deleting one word changing the fonts started to work again. Thank you so very much!

Leave a Reply to Talha Shoaib Cancel Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

small_c_popup.png

Congratulations!

You have successfully subscribed to my email list. Now you will be recieving latest wordpress tips and tricks directly in your mail box.

Don’t worry! I won’t spam you