Magazine-style Loop Layout in Elementor

Magazine-style Loop Layout in Elementor | Loop Grid

Рет қаралды 2,283

Daveden WebDev

Күн бұрын

Пікірлер: 21

@DaniTinez 2 ай бұрын

Very helpful, thanks Daveden!

@DaniTinez 2 ай бұрын

Really helpful! Thank you Daveden!

@lungdoctortn 5 ай бұрын

I very much enjoyed your tutorial on grid / flexbox templated system for post articles. This information is very difficult to find as so many just use the post grid supplied as a default by Elementor which is very limiting. Please, please do more of these as this information is very interesting and needed to make more diverse presentations of blog articles. Thanks Again!

@daveden2 5 ай бұрын

Thanks! I'll look into more design ideas

@multa7053 10 ай бұрын

Nice tutorial! I love that you're showing two methods. I'd personally go with the first method because it's much easier. I started with Elementor and website building in general a months ago and the learning curve is nice to see. In the beginning, you don't understand flexboxes. You get used to them. Then you slowly start using custom CSS because a lot of times it's quite easy to modify spacing, colours, hover effects with CSS when specific widgets don't offer them as styling options. That's where I'm currently at I'd say. I love flexboxes and I fully understand them and I try to use as less containers as possible by assigning widgets custom width etc. for speed reasons. I got used to CSS but not yet to the grid stuff CSS etc. that you were using in the 2nd method. Last time I also used a loop grid instead of a posts widget because of the flexibility it gives you and I re-built my previous blog page. It was easier and faster done than I thought. And thank you for helping me out last time via mail. Maybe you still remember helping out someone with the typing effect. That was me! I learned a lot of it!

@daveden2 10 ай бұрын

I love Elementor. It simplifies web design, and we're constantly learning. You're Julian, right? I'm glad I was able to help you out. I aim to create future tutorials with simpler solutions at a manageable pace, minimizing custom CSS to avoid overwhelming users.

@multa7053 10 ай бұрын

@@daveden2 That's correct! Thanks a lot. If I get some ideas for tutorials then I'm going to message you as promised! Wish you a great day.

@werasakkhemsuwan7159 5 ай бұрын

wow so cool i find like this so long time

@daveden2 5 ай бұрын

I'm glad you found it useful

@awakekat 10 ай бұрын

Very nice video!! Love the overrides you added. 😎 Nice! 👍

@daveden2 10 ай бұрын

Thanks!! 🙌 I've been playing around with CSS Grid a lot recently

@caknuckler 8 ай бұрын

This was great. Very useful. Thanks. Also thanks for your comment on a recent websquadron live stream

@daveden2 8 ай бұрын

You're welcome. Were you able to sort out the "orderby ACF event date"?

@caknuckler 8 ай бұрын

I was not unfortunately @@daveden2

@daveden2 8 ай бұрын

@caknuckler ah, I see. Could you be kind enough to email me the requirements (info@daveden.co.uk), and I'll look into it for you

@daveden2 10 ай бұрын

Here's the link to the article containing the Custom CSS - daveden.co.uk/tutorials/build-a-magazine-style-loop-grid-in-elementor/

@grom6032 2 ай бұрын

hello there nice tuto but I have a problem with the css selector :is(.elementor-loop-container, .e-loop-item, .e-parent){ height: 100%; } nothing happens and i repeat maybe 20 times the steps and nothing happens any ways to get fix on this

@daveden2 2 ай бұрын

Could you share a url to your page via email to info [at] daveden [dot] co [dot] uk. So that I can take a look properly.

@grom6032 2 ай бұрын

@@daveden2 I just sent you an email

@grom6032 2 ай бұрын

@@daveden2 all works fine a real pleasure to start my week with your help.

@daveden2 2 ай бұрын

@@grom6032 awesome!!! I'm glad to hear that