Convert any HTML & CSS into an Elementor Widget

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 พ.ย. 2024

ความคิดเห็น • 20

  • @id104335409
    @id104335409 2 ปีที่แล้ว +1

    One of the most useful Elementor videos I have seen.

  • @deanontheinterwebs
    @deanontheinterwebs 4 ปีที่แล้ว +7

    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.

    • @gertderuiter
      @gertderuiter 4 ปีที่แล้ว

      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?

  • @BrendaMalone
    @BrendaMalone 4 ปีที่แล้ว +4

    My question--how'd you guys get so smart? Thank you for sharing this with us, this is Golden!!

  • @aisourcehub
    @aisourcehub 5 หลายเดือนก่อน

    🎯 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

  • @ALXVNDR9ER
    @ALXVNDR9ER 3 ปีที่แล้ว +1

    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?

  • @RakeshSharma-uf5kl
    @RakeshSharma-uf5kl 4 ปีที่แล้ว +2

    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

  • @luisfabianosanchez9973
    @luisfabianosanchez9973 3 ปีที่แล้ว +2

    how to convert HTML to elementor in wordpress and edit?

  • @rocaivan
    @rocaivan 4 ปีที่แล้ว

    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?

  • @htetwaiyan2499
    @htetwaiyan2499 3 ปีที่แล้ว

    This is gold. Subscribed !

  • @davstriker683
    @davstriker683 3 ปีที่แล้ว

    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!!

  • @lightburner4789
    @lightburner4789 4 ปีที่แล้ว +2

    Wow bro keep it up

  • @sumikanwal1496
    @sumikanwal1496 3 ปีที่แล้ว

    It's just an amazing tutorial. Thanks a lot for sharing.

  • @nikolass2836
    @nikolass2836 2 ปีที่แล้ว

    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
      @UnlimitedElements  2 ปีที่แล้ว

      It’s free

    • @nikolass2836
      @nikolass2836 2 ปีที่แล้ว

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

  • @luisfabianosanchez9973
    @luisfabianosanchez9973 3 ปีที่แล้ว

    can I download the HTML of a sales page and edit it in elementor? it's possible ?

  • @masabmehmood8825
    @masabmehmood8825 3 ปีที่แล้ว

    So how we convert the h1 or any
    tags into elementor widget not creating new widget use elementor pre widgets

  • @sebastianmedrano6877
    @sebastianmedrano6877 2 ปีที่แล้ว

    Thank you!

  • @ace.created
    @ace.created 4 ปีที่แล้ว +1

    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!