I feel like the cat who found the big bowl of cream! Thanks, these are fantastic -- really excited by things I'll be able to do with the Widget Creator -- it's very intelligent, and lots of vision to think of everything it covers.
🎯 Key Takeaways for quick navigation: 00:30 *🌐 Demonstrates converting basic HTML and CSS into an Elementor widget, utilizing sources like CodePen.* 01:13 *🛠️ Explains the initial steps in preparing HTML/CSS for conversion, focusing on ensuring the code is widget-ready by adjusting alignment and body-specific styles.* 02:02 *🎨 Discusses wrapping the widget in a div and assigning an ID for further customization within the CSS.* 03:07 *🔒 Highlights the importance of prefixing styles with an ID to avoid affecting other elements on the page.* 04:12 *📝 Shows how to allow integration flexibility by removing forced styles like uppercase text, enabling user-defined customizations.* 05:48 *💡 Discusses setting up the initial widget in WordPress with Unlimited Elements and the importance of testing.* 06:29 *⚙️ Walks through adding attributes for customization like button text, and emphasizes testing each addition.* 08:30 *🔗 Introduces adding a link attribute, showing how to make hyperlink aspects editable and dynamically integrating them into the widget.* 09:25 *🎚️ Expands the widget's customization capabilities by adding typography and styling options, reinforcing the value of iterative testing.* 10:55 *🎨 Explains setting up color attributes for further personalization, touching on elements like primary color and hover effects.* 13:16 *📐 Covers adding alignment and padding attributes to enhance layout and spacing control within the widget.* 15:48 *🤖 Concludes with a review of the complete widget creation process, inviting questions and interaction from viewers.* Made with HARPA AI
I have a problem when adding color attributes in widget creator. I select the Primary / Hover color, update everything - changing all the HEX codes in HTML editor, but in live mode I got whole different colors. And more: In elementor editor, my color picker shows different colors at almost every picked color but only for this widget. So I can't select appropriate colors. Anybody knows a solution?
Great work. Is it possible to make a widget from a WordPress plugin that is inserted into Elementor as a shortcode to be editable in Elementor to style design elements of the plugin?
Love your work, could you make a tutorial about a thumbnail that becomes transparent by hovering, and a video behind that plays always by hovering? It would be awesome!!
Hello, I do not understand, the "Add widget" is available only for paid users? Because, personally I want to create a widget with a big table but there is no option for that...I have html, css and a little bit of js.
@@UnlimitedElements On the left side menu I can only find the widget categories and not the option "Unlimited Elements" as seen in the video. When I click any option there, the menu closes and the main screen just rolls to the respective category I selected. Could you please provide me with the link?
Thanks! I've learned quite a bit from watching your process! I'm not very good with CSS, and I've been struggling to assign classes or IDs or something to use this pen: codepen.io/curley/pen/zYrpVXb Any help would be appreciated!
One of the most useful Elementor videos I have seen.
I feel like the cat who found the big bowl of cream! Thanks, these are fantastic -- really excited by things I'll be able to do with the Widget Creator -- it's very intelligent, and lots of vision to think of everything it covers.
Thanks. Question, do you need extra html or css if you want to use this widget in the same page? Or does elementor extras for this?
My question--how'd you guys get so smart? Thank you for sharing this with us, this is Golden!!
🎯 Key Takeaways for quick navigation:
00:30 *🌐 Demonstrates converting basic HTML and CSS into an Elementor widget, utilizing sources like CodePen.*
01:13 *🛠️ Explains the initial steps in preparing HTML/CSS for conversion, focusing on ensuring the code is widget-ready by adjusting alignment and body-specific styles.*
02:02 *🎨 Discusses wrapping the widget in a div and assigning an ID for further customization within the CSS.*
03:07 *🔒 Highlights the importance of prefixing styles with an ID to avoid affecting other elements on the page.*
04:12 *📝 Shows how to allow integration flexibility by removing forced styles like uppercase text, enabling user-defined customizations.*
05:48 *💡 Discusses setting up the initial widget in WordPress with Unlimited Elements and the importance of testing.*
06:29 *⚙️ Walks through adding attributes for customization like button text, and emphasizes testing each addition.*
08:30 *🔗 Introduces adding a link attribute, showing how to make hyperlink aspects editable and dynamically integrating them into the widget.*
09:25 *🎚️ Expands the widget's customization capabilities by adding typography and styling options, reinforcing the value of iterative testing.*
10:55 *🎨 Explains setting up color attributes for further personalization, touching on elements like primary color and hover effects.*
13:16 *📐 Covers adding alignment and padding attributes to enhance layout and spacing control within the widget.*
15:48 *🤖 Concludes with a review of the complete widget creation process, inviting questions and interaction from viewers.*
Made with HARPA AI
I have a problem when adding color attributes in widget creator. I select the Primary / Hover color, update everything - changing all the HEX codes in HTML editor, but in live mode I got whole different colors. And more: In elementor editor, my color picker shows different colors at almost every picked color but only for this widget.
So I can't select appropriate colors. Anybody knows a solution?
i need video is running and click on video then full screen popup same video is start and click on popup video then close in elementor
how to convert HTML to elementor in wordpress and edit?
Great work. Is it possible to make a widget from a WordPress plugin that is inserted into Elementor as a shortcode to be editable in Elementor to style design elements of the plugin?
This is gold. Subscribed !
Love your work, could you make a tutorial about a thumbnail that becomes transparent by hovering, and a video behind that plays always by hovering? It would be awesome!!
Wow bro keep it up
It's just an amazing tutorial. Thanks a lot for sharing.
Hello, I do not understand, the "Add widget" is available only for paid users? Because, personally I want to create a widget with a big table but there is no option for that...I have html, css and a little bit of js.
It’s free
@@UnlimitedElements On the left side menu I can only find the widget categories and not the option "Unlimited Elements" as seen in the video. When I click any option there, the menu closes and the main screen just rolls to the respective category I selected. Could you please provide me with the link?
can I download the HTML of a sales page and edit it in elementor? it's possible ?
So how we convert the h1 or any
tags into elementor widget not creating new widget use elementor pre widgets
Thank you!
Thanks! I've learned quite a bit from watching your process! I'm not very good with CSS, and I've been struggling to assign classes or IDs or something to use this pen: codepen.io/curley/pen/zYrpVXb Any help would be appreciated!