Customize Elementor’s Editor UI No Plugin - Change All Colors!
Вставка
- Опубліковано 28 вер 2024
- ✨ Join us in the Lytbox Academy Community:
lytboxacademy....
🔗 Link to the Tutorial Code 👉 lytboxacademy....
/////
✨ Learn High-Level Web Design Skills With Me:
🟢 Master Elementor while learning web design skills:
lytboxacademy....
🟢 Learn powerful SEO in an easy-to-follow style for WordPress users and web designers:
lytboxacademy....
🟢 A step-by-step guide to building a WordPress Maintenance Business that results in high MRR:
lytboxacademy....
🟢 Become a Lytbox Academy Pro Member:
lytboxacademy....
/////
✨ My Recommended WordPress & Web Design Tools:
👉 The hosting I use:
Cloudways (use promo code LYTBOX for 30% off 3/months)
lytboxacademy....
xCloud:
lytboxacademy....
/////
👉 My WordPress Tools:
Elementor Pro:
lytboxacademy....
Breakdance Builder:
lytboxacademy....
Bricks Builder:
lytboxacademy....
Crocoblock:
lytboxacademy....
SEOPress (the best SEO tool for WordPress!):
lytboxacademy....
Perfmatters:
lytboxacademy....
InstaWP:
lytboxacademy....
WP Umbrella:
lytboxacademy....
/////
Thank you for supporting my channel 🙏 - Jeffrey @ Lytbox
#elementor #elementortutorial #elementorpro
This is what Elementor should have done and make it easy for us to style the editor
Maybe with the feedback they’ll make that happen 🤞
Thank you for this thorough tutorial on how to fix Elementor's UI disaster!
Dope!!!! You are the best man!!! The new interface was driving me crazy!
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.
As allways, HI-quality tutorial and content - keep posting Jeffrey !!!
Thanks Goran!
You are simply an amazing teacher.
Big thanks!
Blows my mind that Elementor released this 'amazing' UI update with that text selector background color that you can't even see. Did they even test it out before they released it? Thanks for showing us how to hack it, but this shouldn't be necessary.
Yah, I struggled with that one. Glad this can help
Outstanding.. now I can upgrade to 3.12
It’s safe to update now!
@@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 !!
@@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.
DOPE!
As in brilliant Dope!
Haha cheers!
Brilliant, saved me hours of work and frustration, thank you.
That’s great!
Thaaaank you so much. I can't see some of the new colors hahahahaha.
Same here. At least it got me to change everything lol
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!!!!
Yep! There’s a line of CSS to choose your own background highlight color
Amazing! On top with the content as always
Thanks Joel!
Thanks, is there a way to go back to the old Elementor UI automatically?
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 😉
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!
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.
@@LytboxStudio tks for your answer! And Tks for share your knowledge!
@@facuzahlut7302 you got it!
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!
I caught then when editing and def triggered my OCD 😂
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.
That's another mind-blowing video ✌️✌️
Haha so cool 😎
Thank you for sharing your code. It has saved me a lot of time.
Glad to hear!
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?
Hey man, you can use the class: "e-ai-button" to edit the AI button.
@@parthosarkar5270 that works! Thank you! Also, do you have any suggestions on the text selector background color in the widgets?
Very thanks for this! I Love it
So glad to hear thanks!
This is so DOPE!!!!!
Yo Partho, we’ll be using this on our sites going forward 💪
I don't understand why but it doesn't work for me
Awesome 🤙
Aw thanks 😅
Thanks so much for this!
Also, I couldn't get the Text Selector Background Color to work.
Nice!
Elementor actually provides a separate hook for styling the preview area. There is no need to put it in the customiser
Good one! I gotta research that and update the post. Cheers for that!
Hi, can you share it?
Thank u for sharinf
You got it and thank you 🙏
I love this
Thank you, Jeffrey!
***FOR THE DEVS***
Way to make our lives more difficult for no good reason, Elementor. Wonder what's next? What is it that you're hoping to torment us all with soon? Maybe you will force all websites to be hot pink on the front end as well, huh, children?
Haha love the user name 😂 legend
@@LytboxStudio They just released an update that gives the E-Finger to all of us who don't like the pink.
I'm hoping they didn't change the class names, but this is Elementor we are talking about. At least they made it darker. Still hideous.
Seven out of ten users can't stand the needless change in coloring and they literally don't give a tinker's damn. It's all about them.
Never seen a company with such contempt for their own customers. @Elementor is its own worst enemy at this point. They SHOULD be spiking the ball with all of the GOOD changes they made, but no. They just couldn't resist sticking it to those who use their product.
There's a saying that the fish rots from the head. That appears to be evident here. Somebody with too much power is insistent on this ridiculous change and isn't about to back down no matter how much it costs. If the GOOD improvements didn't indicate otherwise, I would swear they are trying to destroy their own business.