Add a Sidebar Template - Elementor Wordpress Tutorial - Hello Theme - ElementorPro

Поділитися
Вставка
  • Опубліковано 22 гру 2024

КОМЕНТАРІ • 63

  • @AndoverIT
    @AndoverIT 11 місяців тому +1

    Great tutorial - no padding, easy to follow and understand

  • @MondoLizzie
    @MondoLizzie 6 місяців тому +1

    Once again, you saved me with your extensive explanation and directions.

  • @urssiva
    @urssiva 2 місяці тому +2

    Following your tuts to the exact order brought the same result.. Thanks a lot.

    • @websquadron
      @websquadron  2 місяці тому +1

      Glad it helped!

    • @urssiva
      @urssiva 2 місяці тому

      @@websquadron one thing I don't understand why delete that container ?why can't we simply create this in one container? I have seen similar behavior of container .

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

    Brilliant. I wouldn't have figured out how to create the sidebar this way without your help. Thanks, brother.

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

    Hey, thank you very much. You explain things quickly and precisely. It saves me a lot of time. Well done :-) !!!

  • @myBRANDARA
    @myBRANDARA 11 місяців тому +1

    Thank You! Loop Grid to Shortcode. Perfect. Would never have figured that out on my own. Cheers.

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

    You do simplify things straight to the point, I do appreciate your helpful content.

  • @GULRUERDIER
    @GULRUERDIER 5 місяців тому

    as usual a lifesaver video from my favorite teacher

  • @enlightenment6278
    @enlightenment6278 3 місяці тому

    I spent about 6 hours trying to fuigure this out , now I will try your way.

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

    Thanks for the video. You can tell you are on a different level from your competitors when designing websites. What would you do if you had the Astra Pro version and were creating a sidebar? Would you still do it in an Elemetor template or would you use Astra or would you get ANOTHER PLUGIN for making a very visual sidebar? SORRY FOR THE MANNY QUESTIONS

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

      You could still use Astra. They are a good theme, I just prefer to build my sidebars as templates so I have full control.

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

    Again, a really timely tutorial. My current "sidebar" like monster has been giving me headaches. I'm going to try this right away. Thanks.

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

    A quick and great one Imran, thanks!

  • @rogeriomendesschneid
    @rogeriomendesschneid 2 місяці тому

    Very clear explanation. Excelent. Congratulations.

  • @AstridVeugelers
    @AstridVeugelers 4 місяці тому

    Super clear and helpful tutorial. Awesome!

  • @babanaszlaku
    @babanaszlaku 3 місяці тому

    Hey! Very useful video! Thanks! I just have a question, what if I don't have the "shortcode" tab? How to find/add them? So where should I copy the code from the template? :)

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

    The free version of the Happy Addons plugin has a superb layout grid widget that works in exactly the same way as the layout grid in Figma and has been gold dust for me when using Elementor. After activation, the feature appears inside the site settings option. Visibility with Ctrl/Shift/G. Speeds up design and choosing the best grid layouts for perfect alignment. Took me countless hrs to find so hope it helps. If the addon affects site speed, can be deactivated after site is ready to launch.

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

    Thank you very much. Your video helped me.

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

    FANTASTIC info - thank you very much for this

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

    Thank you so much!

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

    Bravo Imran! Thank you.

  • @esmatmastrok5026
    @esmatmastrok5026 Місяць тому

    Thank you!

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

    Can dynamic elements from Pods be added to the template sidebar? Would love to be able to have the images use a feature image or perhaps a testimonial.

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

      I do add Loop Grid to it, though it may be more work if it needs to be specific to the page it appears on.

  • @ebiznessonline1
    @ebiznessonline1 8 місяців тому +1

    Can we say we 😍 you! 😂 Thank you

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

    Awesome tutorial, thank you!

  • @anatoliysavitskiy6371
    @anatoliysavitskiy6371 7 місяців тому

    Great video! I´d like to see how it would look on a mobile with the main container though. 🤔

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

    Just what I was looking for! Thank you! 🙂

  • @romano5785
    @romano5785 4 місяці тому

    How to link the subscribe form to a mailing list?

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

    As usual, Amazing video.
    i faced a situation i would like to share with you and ask about it, i was building a similar side bar template contain 3 inner containers above each other, the last container is Stick to top container, i finished everything well, put the css codes and the ccs ids and tags, everything is okay and working in the template, but when i insert the side bar by the template widget the sticky section doesn't work! i don't know why!
    will it work if i inserted it with the short code widget? or what you think the solution for this situation?
    thanks in advance.

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

      Yup try the short code.
      Also any optimisation plugins.
      There may be one that is affecting the JS or CSS too much

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

      @@websquadron thak you, i 'll test it and back for confirmation.

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

    I am having a heck of a time getting the Post Title to be next to the Feature Image...I feel like i missed a step? What am I not doing??

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

    Can I have the sidebar display "globally' on every page without using a shortcode on every new page I build?

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

      You could add into the header template and then set it to be fixed to the side etc. But you have to account for it when you build your pages.

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

    Thank you so much

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

    Great video I learnt something

  • @Nkone-y5b
    @Nkone-y5b Рік тому

    Amazing

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

    this looks great but... Elementor is not letting me apply a pixel width to the interior container, only percentage. the dropdown that I see in this demo doesn't exist on my page.

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

      Are you using the hello theme.
      Can you email me a screenshot?

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

      @@websquadron I'm having the same issue. Was this solved? I am using the Hello Theme.

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

      @@Motorcrossbabe4 Difficult to assess without seeing how you've built it.

    • @andyturner605
      @andyturner605 11 місяців тому

      Same here but I found that it seems to auto correct e.g. it wont let me put 300 px but reverts to 30% which is the same width.

  • @Rakesh-m1k
    @Rakesh-m1k Рік тому

    Sensational

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

    How to apply the sidebar to all pages?

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

      Would need to be added as a template shortcode.

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

    How do we buy you a coffee☕

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

      websquadron.co.uk/socials here :) Thanks

  • @francineduchene7314
    @francineduchene7314 10 місяців тому

    Too fast

    • @websquadron
      @websquadron  10 місяців тому

      Apologies. You can slow the video playback speed. I do get criticised for being too slow for some so I can’t win.

  • @KartPhoto-com
    @KartPhoto-com Рік тому

    is there a way to make the sidebar dynamic visible ? (if a user find it annoying they can hide it) ? - I am always afraid that it will distract too much (too much information) especially with a page where a webshop can be active.

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

      Maybe use an Off Canvas Pop-Up when it slides in.
      Or hover over the column to change the contents to go from opacity 0 to 1.

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

      @@websquadron i guess, we can use the (show-hide section) way for the sidebar section too