Complex Containers with Less Containers - Elementor Wordpress Tutorial
Vložit
- čas přidán 31. 12. 2022
- Last week we did a Complex Container layout with Parent Containers, Children Containers, and Grandchild Containers.
But with a little thought you can replicate the layout (and go beyond) without needing to use Grandchild Containers.
Book your 1-2-1 Consultation: websquadron.co.uk/socials
Complex Containers with Less Containers - Elementor Wordpress Tutorial
We love to create - share - respond - and deliver.
🧐 Learn with our Mastery Modules: websquadron.co.uk/web-design-...
🔗 All of our Important Links: websquadron.co.uk/socials/
😃 Join our Facebook Group: / 3309523509284305
😃 Get Code Snippets Pro: r.freemius.com/10565/3304295/
😃 Get Elementor Pro: be.elementor.com/visit/?bta=2...
😃 Boost your CZcams Analysis: www.tubebuddy.com/websquadron
👕 Get our Merchandise: websquadron.co.uk/merchandise
🥹 Support us: paypal.me/Websquadron
Hire us to work on your Website!
💌 info@websquadron.co.uk
👩💻 Visit websquadron.co.uk - Jak na to + styl
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
An excellent video mate! Thank you so much!!!
Indeed a good tip...
.
Stay Blessed
Wow. This is brilliant! Will definitely help with the DOM and page speed.
Beautiful delivery again, Imran! Thank you. I think this will almost solve the CSS Grid crazy for complex layouts. Your creativity is just amazing!
Thanks again!
Wow it helped me a lot thank you so much
thankful for the tips on elementor and boosting page speeds for all designers 🎉 happy new year web squadron!
Thankyou 👍
Thank you it helped me alot !!
Big thanks
Great man !
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.
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.
Thanks :)
good
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
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.
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...
Yup. Sometimes you got to compromise a little on the images if allowed.
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?
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.
Great video, but I don't think you mentioned adding CSS is only Pro version of Elementor?
You can add CSS into your Theme Customiser, Code Snippets, and other ways, so it's still doable :)
Has the inner sections element been removed?
Yup. Just add containers into containers
how to make this layout can you plz explain. i meed the same
The video explains it
Man I’m so grateful for your Elementor videos. 🫡
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?🥲
Are you using % or Pxs for the margin, padding, sizing? Difficult to know without doing a 1-2-1 consultation.