Start Using REM the Easy Way (For Elementor and WordPress Sites)

[@daviesbrandingdesign]

Thanks!

[@LytboxStudio]

Hey Adam a huge thanks for the super thanks! Cheers!

[@daviesbrandingdesign]

It's the least I can do@@LytboxStudio for the great content you put out! And I can always count on you for a little inspiration, too. Keep up the great work, my man!

[@BinhNguyen-ld6bi]

Thanks alot for the video Jeffrey! One of the challenging aspect (and most procrastinating for me) of translating Figma design to Elementor is converting px to rem. This will improves my workflow for sure!!

[@itsharris0n]

Your videos are actually so amazing for me! I got back into using Elementor after not using it for several years, and you make the process so less daunting. A quick question, if you have the time: your mobile menu popout seems to be breaking the width of my site on mobile. Do you know why this could be?

[@matjaro]

Love the tip but how do you manage margin/padding with REM since adjusting the font size of the browser for accessibility will create a lot of text overlapping when using PIXEL for margin/padding

[@PaulSX]

Your videos are amazing. Thank you and they are making me love elementor and webdesign more and more.

[@dinopelle]

BRILLIANT tip for a faster workflow! Thank you.

[@plantifulalexandra]

I just made a list of my most used px sizes so I have the rem sizes on hand, actually works well.

[@estudiocrow]

Thank you very much for your videos! Super easy to understand and with incredible information! You rocks bro!

[@LytboxStudio]

Thanks 🙏 I appreciate that!

[@danieljacques5733]

Can i use this code within the code snippets plugin please? Thanks in advance!

[@dinopelle]

Fantastic technique! Thank you. Very helpful.

[@jacobwwarner]

Can you watch 'Rino - Living with Pixels' video on typography in Elementor? He uses the `clamp(...)` property along with REM to create auto scaling fonts on his sites. How would you implement this using the 10px base font size (1.5 REM). Thanks for the great content!

[@rasangela]

This is simply brilliant!

[@norriehansen9312]

Yes Jeffrey! Love this. I spotted you were using this in Ep4 of the live stream and read up on it. How do you propose we handle it when using third party software like cookie consent, or if the end user is using certain browser extensions for accessibility? I've read this approach can break them or make them incompatible. Like for example, text will show 37.5% smaller on the cookie consent banner. Thanks for bringing this to the table 🙏🏻 it definitely seems to divide the dev community 😂

[@DonaMaraPrati]

🥺thank youuu ❤

[@kingmatolo8381]

thanks. I have a tutorial request please on how to customize dashed borders on Elementor. For more context, how we can customize the length of a dash and the gap between each dash. Thanks

[@matjaro]

Also why use this strange % number for the font size? using 10px instead brings the same outcome html { font-size: 10px; }c

[@mohammad-omar-07]

Thanks Jefrey

[@ibrahimhusssein524]

thank you.

[@clevermissfox]

Thank you for making this. Curious why you went REM exclusively and didnt include EM? (Maybe that’s on the agenda for the next vid?) For those who aren’t as comfortable coding I believe you can adjust the parent html just by setting the Global Settings -> Typeography to e.g. 10!

[@KindTom1]

Framer