Complex Containers with Less Containers - Elementor Wordpress Tutorial

Поделиться
HTML-код
  • Опубликовано: 22 янв 2025

Комментарии • 31

  • @LittleChicPrints
    @LittleChicPrints 6 месяцев назад

    I'm impressed by the easiness to how you improvise on the spot to create so many things. I just hope one day I'll be half as good and comfortable as you. LOL

  • @andonisr
    @andonisr Год назад +1

    An excellent video mate! Thank you so much!!!

  • @soicybunny
    @soicybunny 2 года назад +1

    thankful for the tips on elementor and boosting page speeds for all designers 🎉 happy new year web squadron!

  • @Claudius.a
    @Claudius.a 2 года назад +2

    Beautiful delivery again, Imran! Thank you. I think this will almost solve the CSS Grid crazy for complex layouts. Your creativity is just amazing!

  • @Ife-Emmanuel
    @Ife-Emmanuel 2 года назад +1

    Wow. This is brilliant! Will definitely help with the DOM and page speed.

  • @fabrictexture4767
    @fabrictexture4767 2 года назад +1

    Indeed a good tip...
    .
    Stay Blessed

  • @mrs.mazharfarooqi2510
    @mrs.mazharfarooqi2510 Год назад +1

    Wow it helped me a lot thank you so much

  • @HazloConLaIA
    @HazloConLaIA Год назад +1

    Thank you it helped me alot !!

  • @nayanponz7883
    @nayanponz7883 2 года назад

    I visited all your container videos, I was very wrong about it, thank God I didn't start creating my website before I saw your tutorials, the container is way better than those sections, I created a mega menu with it, and I got better speed.

  • @fernandolisboa
    @fernandolisboa 2 года назад +1

    Great man !

  • @toz035onyou2be
    @toz035onyou2be 2 года назад +1

    Thankyou 👍

  • @MFG2738
    @MFG2738 8 месяцев назад

    Has the inner sections element been removed?

    • @websquadron
      @websquadron  8 месяцев назад

      Yup. Just add containers into containers

  • @franktielemans6624
    @franktielemans6624 Год назад +1

    You don't have to specify the height of the text-editor to 180px. No need to calculate the height either.
    Just set size to GROW (Advanced > Layout > Size) and it will fill the leftover space in the container.

  • @digitalmurph4114
    @digitalmurph4114 Год назад

    Thanks, but Im assuming this isnt very flexible though? How responsive is it ? Wont some of the heights and widths go out of alignment without creating new values for different browser widths?

    • @websquadron
      @websquadron  Год назад +1

      You would adjust accordingly, and I recommend using clamp to get the look you want. The simplest method is to apply 50% width per item for Tablets and 100% width for mobiles.

  • @quranicsafar
    @quranicsafar Год назад

    how to make this layout can you plz explain. i meed the same

  • @brianlangley7412
    @brianlangley7412 2 года назад

    Great video, but I don't think you mentioned adding CSS is only Pro version of Elementor?

    • @websquadron
      @websquadron  2 года назад

      You can add CSS into your Theme Customiser, Code Snippets, and other ways, so it's still doable :)

  • @fabiank8770
    @fabiank8770 2 года назад +1

    Very nice. Especially with images I have problems to fit them completely in the container. My experience is you have to play around a lot with the resolution of the image itself. Container Jungle...

    • @websquadron
      @websquadron  2 года назад +1

      Yup. Sometimes you got to compromise a little on the images if allowed.

  • @BabyKiara545
    @BabyKiara545 2 года назад

    Two questions bro.
    1. Removing container Vs Adding custom CSS. which one effect more for page speed ?
    2. if we set custom css. do we have to add separate custom css for mobile and tablet breakpoints ?. otherwise it will stay 200px for mobile too. sometimes it's too much and we want 150px or something

    • @websquadron
      @websquadron  2 года назад +1

      Yup, Custom CSS would remove some unnecessary code and improve PSI, but only by a small amount.
      You'll need to use @media syntax to handle the differing breakpoints.

  • @advanced-developers
    @advanced-developers Год назад

    good

  • @HiImRack
    @HiImRack 2 года назад +1

    Man I’m so grateful for your Elementor videos. 🫡

  • @Zackbingzhi
    @Zackbingzhi 2 года назад

    Hi, I have a problem, after editing the position of the element in Elementor, the preview page on different browsers shows different results, what is the problem?🥲

    • @websquadron
      @websquadron  2 года назад +1

      Are you using % or Pxs for the margin, padding, sizing? Difficult to know without doing a 1-2-1 consultation.