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

КОМЕНТАРІ • 59

  • @gregorywint
    @gregorywint Рік тому +5

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

    • @LytboxStudio
      @LytboxStudio  Рік тому

      Maybe with the feedback they’ll make that happen 🤞

  • @AlanWhiteman
    @AlanWhiteman Рік тому +1

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

  • @estudiocrow
    @estudiocrow Рік тому +1

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

    • @leob5675
      @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.

  •  9 місяців тому +1

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

  • @cryptouncle848
    @cryptouncle848 Рік тому +1

    You are simply an amazing teacher.

  • @emailjough
    @emailjough Рік тому +3

    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.

    • @LytboxStudio
      @LytboxStudio  Рік тому

      Yah, I struggled with that one. Glad this can help

  • @deanpeightell
    @deanpeightell Рік тому +2

    Outstanding.. now I can upgrade to 3.12

    • @LytboxStudio
      @LytboxStudio  Рік тому

      It’s safe to update now!

    • @deanpeightell
      @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
      @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.

  • @websquadron
    @websquadron Рік тому +2

    DOPE!
    As in brilliant Dope!

  • @y9gq37
    @y9gq37 Рік тому +1

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

  • @christianhimmer
    @christianhimmer Рік тому +2

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

    • @LytboxStudio
      @LytboxStudio  Рік тому

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

  • @Alex-nn4qz
    @Alex-nn4qz Рік тому +1

    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
      @LytboxStudio  Рік тому

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

  • @Joooowwwl
    @Joooowwwl Рік тому +1

    Amazing! On top with the content as always

  • @imaginaloweb
    @imaginaloweb Рік тому +1

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

    • @LytboxStudio
      @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 😉

  • @facuzahlut7302
    @facuzahlut7302 Рік тому +1

    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
      @LytboxStudio  Рік тому +1

      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
      @facuzahlut7302 Рік тому +1

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

    • @LytboxStudio
      @LytboxStudio  Рік тому

      @@facuzahlut7302 you got it!

  • @jason-m
    @jason-m Рік тому +1

    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
      @LytboxStudio  Рік тому

      I caught then when editing and def triggered my OCD 😂

  • @jabeztadesse
    @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.

  • @ekonami1192
    @ekonami1192 Рік тому +1

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

  • @miketok
    @miketok Рік тому +2

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

  • @Rshawokc
    @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
      @parthosarkar5270 Рік тому +1

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

    • @Rshawokc
      @Rshawokc Рік тому

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

  • @Akoyimpakto
    @Akoyimpakto Рік тому +1

    Very thanks for this! I Love it

  • @parthosarkar5270
    @parthosarkar5270 Рік тому +1

    This is so DOPE!!!!!

    • @LytboxStudio
      @LytboxStudio  Рік тому

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

  • @frabschannel
    @frabschannel Рік тому

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

  • @NooNaLaluna
    @NooNaLaluna Рік тому +1

    Awesome 🤙

  • @SVGTuts
    @SVGTuts Рік тому

    Thanks so much for this!

  • @Rshawokc
    @Rshawokc Рік тому

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

  • @daveden2
    @daveden2 Рік тому +2

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

    • @LytboxStudio
      @LytboxStudio  Рік тому +2

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

    • @terraargentea
      @terraargentea Рік тому

      Hi, can you share it?

  • @Art-01
    @Art-01 Рік тому +1

    Thank u for sharinf

  • @CaterStudios
    @CaterStudios Рік тому

    I love this

  • @PinkUISucks
    @PinkUISucks Рік тому +2

    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?

    • @LytboxStudio
      @LytboxStudio  Рік тому +1

      Haha love the user name 😂 legend

    • @PinkUISucks
      @PinkUISucks Рік тому

      @@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.