How to Make Ribbon Shape using Elementor Free | WordPress Elementor Tutorial | Elementor CSS Tricks

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

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

  • @jimfahaddigital
    @jimfahaddigital  ปีที่แล้ว

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

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

    My favorite teacher you will never stop surprising me. Thank you very much Mr. Fahah

  • @ΔιονύσηςΣωτηρίου
    @ΔιονύσηςΣωτηρίου 2 ปีที่แล้ว +1

    Thank you so much. Your simple explanation and comprehensive guide along with the simple taking of the code without scams are so appreciated!

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

    Very cool! I wish dark mode tutorial for
    website 😍

  • @angelawhittaker8883
    @angelawhittaker8883 7 หลายเดือนก่อน

    Great Video. Can you also suggest what to do if I have to add a different ribbon colour and text on the next pricing table on the same page, as the HTML code will be the same for all the ribbons which look same. Please advise how to achieve this. Thanks

  • @Petersworld77
    @Petersworld77 ปีที่แล้ว

    Thanks Jim, works a treat. Is it possible to control the font of the wording as well as the colour & size?

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

    I'm eagerly waiting for your next informational video about elementor. Do Continue brother...🤝

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

    Great tutorial as always Jim 👍. Happy holidays 🎊🍾🥂. May 2022 bring you Health, Money, Love & Happyness and your family.

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

    Olá seus tutoriais são essenciais para mim, mesmo sendo aqui do Brasil mas entendo o tutorial e já consegui aplicar em alguns projetos!! Obrigada♡! Não pare de fazer estes tutoriais por favor 😅😅
    Hello your tutorials are essential for me, even being here in Brazil, but I understand the tutorial and I have already managed to apply it to some projects !! Thank you ♡! Please do not stop doing these tutorials 😅😅

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

    BRO...YOU ARE ALWAYS PERFECT.... I LOVE YOUR WAY OF TEACHING...

  • @Theblackchannel01
    @Theblackchannel01 ปีที่แล้ว

    Best 👌. Thanks fahad

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

    Hello friend excellent video of my favorite css code.
    I want to thank you on behalf of all your followers the great work you have done during this year ending 2021 and I want to congratulate you because your videos have been motivation for thousands of what you follow including me and every day you upload a video inspires us, all your videos are excellent but my favorites and where you make a difference are the videos with css code are the best I've seen in all you tube I tell you sincerely hope you keep giving us this kind of video with css that allows us to believe in us and that the limit is the sky. I wish you a happy new year that your you tube channel continues to grow and that the content that you give us multiply in thousands of followers. happy new year 2022 from venezuela.

  • @charlesxkelly7909
    @charlesxkelly7909 2 หลายเดือนก่อน

    How can I adopt this to take the place of the ‘sale’ element in woocommerce?

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

    How do i create the text on the ribbon dynamically using Elementor dynamic tags?

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

    how to make the ribbon in front of the image product? i followed this tuorial, its great and worked fine but the ribbon show behind my image product, any solution?

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

    Thank you so much for the helpful video. This video is really awesome.

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

    i visit your channel daily for the this type of vidoe .. you are amezing

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

    Good job Jim !

  • @moadrachidi222
    @moadrachidi222 ปีที่แล้ว

    please what changes should i apply to the code in order to change the ribbon width, because it extends out of my pricing table box

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

    how does one move that ribbon to the right hand side instead of the left? Also great video. Very very useful!

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

    Do you know if things with listing items by jetengine?

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

    Hi, great tutorials, and thank you for your ideas and help to built them.

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

      Thank you so much for your appreciation bro!!

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

    How to position on the right side🙏🙏

    • @Nish2490
      @Nish2490 ปีที่แล้ว

      Did you figure this out by any chance? I have the same problem

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

    amazing tutorials, and thank you very much for all the codes !!

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

      I appreciate it!! Thank you so much!!

    • @MSalman-h4h
      @MSalman-h4h 7 ชั่วโมงที่ผ่านมา

      Hi
      I could not get html code from your website
      Please help me.​@@jimfahaddigital

  • @SveinnTryggvason
    @SveinnTryggvason ปีที่แล้ว

    Thanks for the tutorial. Would it be possible to control the visibility of the ribbon based on post category, tag or date (with ACF)?

    • @danny17563
      @danny17563 9 หลายเดือนก่อน

      Im looking for this too, did you find out how to do it?

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

    Awesome boss!

  • @jankirawat8723
    @jankirawat8723 ปีที่แล้ว

    how to add shortcode instead of text

  • @md.saddamhossain5693
    @md.saddamhossain5693 2 ปีที่แล้ว

    Elementor free version er a rokom aro kichu amazing video diyen. Thanks

  • @greentrading
    @greentrading 6 หลายเดือนก่อน

    I want right side ribbon how to do

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

    I like it, Master

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

      Thank you so much!! It means a lot!!

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

    Thanks again Jim for these amazing , beautiful tutorials. would it possible to make a tutorial on how to hide/show the ribbon on demand if I were to run a sale for instance on my site and just want to show the ribbon for a short period of time and then hide it ? thank you in advance .

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

      Just remove those two class names to hide the ribbon. I mean these 2 class names 'myPricing' & 'myRibbon'

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

      @@jimfahaddigital Thank you very much Jim, I really appreciate your help and quick reply, thanks again for all your work and codes we learn a ton from your tutorials.

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

    All of the Amazing episodes, of this channel. I really like your all videos.
    Could you please give us a episode only Elementor Pro widgets? If you give the video. I apprised that. Thanks a lot for your time. And where you are, be happy.

  • @md.farukulislam5740
    @md.farukulislam5740 2 ปีที่แล้ว

    thank you so much boss

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

      My pleasure!! I really appreciate it!! 🤩

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

    How to make a blinking button in elementot please make a video

  • @Abu_Bakar_Siddique.
    @Abu_Bakar_Siddique. 2 ปีที่แล้ว

    Very nice

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

    100 like completed 🤘

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

    Can u pls create plugin development tutoril

  • @AbdulAziz-cj4hg
    @AbdulAziz-cj4hg 2 ปีที่แล้ว

    how do you make it a rounded corner?

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

    হ্যালো ব্রাদার! লাভ ফ্রম চট্টগ্রাম! ❣️
    ভাইয়া এলিমেন্টরে এসেনশিয়াল এডন বা অন্যান্য এডন ছাড়া কিভাবে এডভান্স ট্যাব করা যায় এ নিয়ে কোনো ভিডিও করলে বেশ উপকার হতো! লাইক নেস্টেড ট্যাবস!

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

    Is it possible to place this ribbon in 2 different places on one page? I have tried to do this but have not been able to get the second one to work.

    • @ahmeMotivational
      @ahmeMotivational ปีที่แล้ว

      just change the name of 2nd table then use
      like : myPricing2

  • @stacey.gilbert
    @stacey.gilbert 2 ปีที่แล้ว

    You did a tutorial before this one called (Creative Team Member Section using Elementor | Glassmorphism). Could I add a ribbon to that one as well?

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

      Yes!!

    • @stacey.gilbert
      @stacey.gilbert 2 ปีที่แล้ว

      @@jimfahaddigital I have tried this but must have missed something because it is not working. I can get them working separately but not together.

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

    Super

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

    Where is the link to the code?

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

    please make a video on these topics
    1. Header Fixed on top Using CSS code - Elementor Free.
    2. Header show after scroll 100px down. - Elementor Free.
    3. Sub menu animation. - Elementor Free.
    4. Top to scroll up icon and after reaching top icon should be hide.(using CSS and js) - Elementor Free.
    5. how to create sidebar menu not on top. - Elementor Free.
    6. how to create custom preloader. - Elementor Free.
    make a videos on these topics in Elementor Free without using Plugin.
    please.

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

    You can't add inner section inside a column in free Elementor version.

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

      False! You can do that in FREE Elementor for 100%!!!🥰

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

      @@jimfahaddigital You're right, when you create columns this way, it's possible to nest inner sections inside.

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

    Just ribon er jonno arekta video🙄

  • @JOHNSMITH45664
    @JOHNSMITH45664 ปีที่แล้ว

    thanks sir