Customize Elementor’s Editor UI No Plugin - Change All Colors!

[@AlanWhiteman]

Thank you for this thorough tutorial on how to fix Elementor's UI disaster!

[@gregorywint]

This is what Elementor should have done and make it easy for us to style the editor

[@LytboxStudio]

Maybe with the feedback they’ll make that happen 🤞

[@estudiocrow]

Dope!!!! You are the best man!!! The new interface was driving me crazy!

[@leob5675]

exactly. like whatever possessed Elementor team to change it to PINK out of all colors? pink UI isn't suitable for any kind of professional software. ok maybe it would suit some specialized software to produce Barbie doll packaging - but Elementor is not such software. P.S. fun fact: nobody, not a single user ever asked Elementor to change the UI to pink.

[@websquadron]

DOPE! As in brilliant Dope!

[@LytboxStudio]

Haha cheers!

[@cryptouncle848]

You are simply an amazing teacher.

[@LytboxStudio]

Big thanks!

[@miketok]

Thank you for sharing your code. It has saved me a lot of time.

[@LytboxStudio]

Glad to hear!

As allways, HI-quality tutorial and content - keep posting Jeffrey !!!

[@LytboxStudio]

Thanks Goran!

[@daveden2]

Nice! Elementor actually provides a separate hook for styling the preview area. There is no need to put it in the customiser

[@LytboxStudio]

Good one! I gotta research that and update the post. Cheers for that!

[@terraargentea]

Hi, can you share it?

[@y9gq37]

Brilliant, saved me hours of work and frustration, thank you.

[@LytboxStudio]

That’s great!

[@Joooowwwl]

Amazing! On top with the content as always

[@LytboxStudio]

Thanks Joel!

[@deanpeightell]

Outstanding.. now I can upgrade to 3.12

[@LytboxStudio]

It’s safe to update now!

[@deanpeightell]

@@LytboxStudio I have tried this. The 'light' mode snippet works great, but only if I have the user preference set to 'light'. I can not get the 'dark' mode snippet to work at all. Even if I set the user preference to 'dark' or 'auto detect'. I have disabled all my plugins, cleared all cache. I am running Elementor 3.12.1 and WordPress 6.1.1. 'Hello" theme. Any idea's ?? Still the 'light' mode snippet allowed me to update Elementor. Yea !!

[@LytboxStudio]

@@deanpeightell are you changing the Light/Dark/Auto in Elementor User Preference Settings? I’ve had issue with those settings. Try you computer system settings. And are you using a Mac or PC.

[@ekonami1192]

That's another mind-blowing video ✌️✌️

[@LytboxStudio]

Haha so cool 😎

[@jason-m]

Great video as always 👌 Triggering my coding ocd at 5:30 with that / in front of the hex code 😂 I was sure elementor was going to corrupt and blitz your website!

[@LytboxStudio]

I caught then when editing and def triggered my OCD 😂

[@Akoyimpakto]

Very thanks for this! I Love it

[@LytboxStudio]

So glad to hear thanks!

[@imaginaloweb]

Thanks, is there a way to go back to the old Elementor UI automatically?

[@LytboxStudio]

Nope, we’re all in on the new one. Only option we have is for the new menu bar that’s in experiments. But set this up once and you can copy and paste to all your sites going forward. That’s what we’re doing 😉

[@Rshawokc]

Also, I couldn't get the Text Selector Background Color to work.

[@Alex-nn4qz]

Does this also fix the highlighting issue in dark mode? IE - when you highlight the padding numbers or margin numbers or anything in the editor the light pink is a nightmare!!!!

[@LytboxStudio]

Yep! There’s a line of CSS to choose your own background highlight color

[@facuzahlut7302]

Tks Jeff! First off all sorry about my english. Im having an issue with the new version of elementro, using de new tp bar. The button for "Exit" open a new tab with the wordpress desktop and dont close elementor editor. Do you have the same problem? I know its in an alpha version. Thanks!

[@LytboxStudio]

I was having a few problems with the new top bar. The big one was view not working for the header theme. Since it’s in experiments I’m leaving it off on love sites. One other thing about the new top bar, we can’t change the colors or at least it’s beyond my skill level since it’s built with react.

[@facuzahlut7302]

@@LytboxStudio tks for your answer! And Tks for share your knowledge!

[@LytboxStudio]

@@facuzahlut7302 you got it!

[@Rshawokc]

Thanks for the video! I've been adding some more items but I can't seem to find the color label for the AI button?

[@parthosarkar5270]

Hey man, you can use the class: "e-ai-button" to edit the AI button.

[@Rshawokc]

@@parthosarkar5270 that works! Thank you! Also, do you have any suggestions on the text selector background color in the widgets?

[@parthosarkar5270]

This is so DOPE!!!!!

[@LytboxStudio]

Yo Partho, we’ll be using this on our sites going forward 💪

[@christianhimmer]

Thaaaank you so much. I can't see some of the new colors hahahahaha.

[@LytboxStudio]

Same here. At least it got me to change everything lol

[@NooNaLaluna]

Awesome 🤙

[@LytboxStudio]

Aw thanks 😅

[@jabeztadesse]

Hi, just a little notice: Your site, from the link in the description ... it seems to flicker a bit (may be this is on my PC), but I tested other sites and I don't see the flicker. You might wanna check it out.

[@CaterStudios]

I love this

[@Art-01]

Thank u for sharinf

[@LytboxStudio]

You got it and thank you 🙏

[@frabschannel]

I don't understand why but it doesn't work for me