Elementor Loop Grid Tutorial | Post Excerpt, Equal Height

No video

Elementor Loop Grid Tutorial | Post Excerpt, Equal Height - Elementor Pro

Рет қаралды 28,903

Күн бұрын

In this tutorial, you will learn about the Elementor Loop Grid and how to set the post excerpt and equal heights for your loop.
For those finding it difficult to set the post Excerpt on their loop, or those who don't know how to set blog post excerpt in WordPress, this tutorial is for you
You can check our other videos here:
Elementor LOOP Tutorial: How to DISPLAY a Different PRODUCT Image on HOVER | No Code Required - • Elementor LOOP Tutoria...
Elementor LOOP Tutorial: Post Title Length, Equal Height Trick | CSS TIPS & TRICKS - • Elementor LOOP Tutoria...
Elementor Flexbox Container Tutorial | Rows, Columns, Align Items & Wrap Explained • Elementor Flexbox Cont...
How To Use The New Elementor Mega Menu Widget Tutorial
• How To Use The New Ele...
#Elementor #wordpresstutorial #wordpress #elementorpro

Пікірлер: 48

@mikecharles6767 6 ай бұрын

Thank you for such a Lear tutorial! I really gained from your teaching. Mike in the UK

@jimfletcher789 Ай бұрын

Great tutorial. I learned a great deal from this. Thank you

@agencianobleman Жыл бұрын

Seu video chegou aqui no Brasil e me ajudou muito!

@edu-tech-7121 10 ай бұрын

This video is really very helpful. I was searching for this topic but not got any result but after watching your video my site is complete with this tutorial. Thank you so much Sir for your valuable knowledge❤❤❤ 🙏🙏🙏🙏

@thecreativarena 10 ай бұрын

Glad it helped

@kerawelt2008 9 ай бұрын

Excellent tutorial ! Two thumbs up !

@ModernTech12 6 ай бұрын

Thank you so much for this tutorial

@akira-thunderstorm 2 ай бұрын

thank you very much for this video! could you please give me a advise about how to show different product categories by loop grid?

@thecreativarena 2 ай бұрын

Yes sure i have done tutorial about that you can follow up on our LOOP Tutorial Serie where everything About Loop is explained for you to be able to use LOOP Efficiently kzfaq.info/get/bejne/pM2Ed8KpppfWYok.html&pp=gAQBiAQB as for the sorting product by category check this videos kzfaq.info/get/bejne/bMeWedyKqZq1kqM.html and this as well kzfaq.info/get/bejne/eqyZdbiYr-CXfHU.html hope this helps

@TheJoel1964 8 ай бұрын

ITS A GREAT TURTORIAL !!! I DONT FIND THE EXCERT in the post colum

@thecreativarena 8 ай бұрын

but you where able to get to excerpt to show in you loop right ?

@murottal_dailly Ай бұрын

hello this responsive for mobilephone ? what for mobile just slide ? sory i cant speak english..

@thecreativarena Ай бұрын

write your question in your language and i will use translator

@ambargomez4152 4 ай бұрын

I follow the tutorial, btw great tutorial, but I don’t understand once I finish, how can I add the loop? Pls of you can explain it would be very helpfull

@thecreativarena 4 ай бұрын

in order to the add the loop you have created you just need to go to any where in your website you would like to place it then go to the widget area and search for loop then drag and drop it where you want your loop to be you going to see an option for you to select template type, make sure it set to post of you want to display post or product if you want to display product go down to choose a template and then search for the name for the template you have created and select it and your loop will display if you dont the know the name on your wordpress dashboard go to templates under it you will see theme builder select it and it will display then click on loop to see all the loops you have created and thier names i hope this is helpful if still confuse let me know

@YourSocialBae Жыл бұрын

Thank you for the info. Is there any way to align the buttons?

@thecreativarena Жыл бұрын

Yes sure you can align the buttons on the button you can click on edit and goto advanced settings under layout you will see the option to align self then you can set it to start center or end i hope this was helpful to you

@YourSocialBae Жыл бұрын

@@thecreativarena No, I mean..will this align all the buttons on the grid? When the title of 1 post becomes lengthier, the button alignment is disturbed with respect to other cards in the grid

@thecreativarena Жыл бұрын

yes if you toggle the equal height option to on it should make all the post have equal height and as for the button I dont think the length of the post should have any effect on the alignment of the button. how ever if it does then it has to do with the way you styled your loop. you can also put your button in a container if its alignment is some how changed due to post title length

@clintongallagher Жыл бұрын

CSS: when the parent container is positioned relatively the buttons can be positioned absolutely using either the lower left or the lower right corner to position from for perfect horizontal alignments no matter how much content is in the rest of the container.

@antonichristian5845 10 ай бұрын

I know this is a very late reply but you can align the buttons by selecting the element above it, going to the advanced tab and under "size" select it to "grow"... this will push the buttons to the bottom of the container...

@user-bp6ot8ug2u 6 ай бұрын

Muchas gracias, excelente trabajo. Te quería preguntar hoy en día con Loop Builder permite colocar productos y hacer un carrusel de estos elelementos con Loop Grid, sin embargo no he podido colocar el efecto de Image Flipping (al poner hover la imagen cambia a la que tienes como galeria de ese producto), si me pudieras ayudar como hacerlo de alguna forma te lo agradecería muchísimo. Un abrazo y sigue asi que ayudas un monton.

@thecreativarena 6 ай бұрын

This effect you described can be done, but you will need ACF plugin to achieve this dynamically and easily no code required. I can create a tutorial for you to see. However, you need to first know how to use ACF alongside Elementor, here is a video showing you how to use ACF alongside Elementor once you understand this let me know and I can go ahead to make the tutorial. Thank you

@user-bp6ot8ug2u 6 ай бұрын

@@thecreativarena Ohhh, fabulous, I would really appreciate it if you could make a video of how it's done. The idea is that the Loop loads with the highlighted image of each product and when you hover the mouse over the image, switch to the image that is in the product gallery. It would be fantastic if you could make a video explaining it (pd. I saw the whole ACF video that is on your channel and I think I understand how the process is carried out). Many thanks in advance for all your support, follow along :)

@thecreativarena 6 ай бұрын

i have made a tutorial about this i hope it helps kzfaq.info/get/bejne/ndSZZd2f1MebqIk.html

@oscarcuervo9645 4 ай бұрын

No tengo la misma vista para editar el post. Yo tengo ociones diferentes, ¿configuraste algo para que el post tenga las opciones de tu contenido actual?

@thecreativarena 4 ай бұрын

i dont know if i understand what you are asking about correctly but No not at I did not do any special configuration on the loop setting, what exactly is you want to do so i can help

@digitalhack_with_nikunj 7 ай бұрын

I use pagination use next and number option but when i click next or number this redirect to homepage do you have solution..?

@thecreativarena 7 ай бұрын

rae you using the latest elementor plugin that issue have been fixed

@digitalhack_with_nikunj 7 ай бұрын

@@thecreativarena hey thanks for your response, but already plugin is updated

@thecreativarena 6 ай бұрын

ok let do some minor debugging together - are they multiple loops in that page like 2 or more different loops? if yes please create a sample page and insert just one loop on that page and and try to use that next and number option and see if it works for you - try to other pagination options and see if they work properly for you - are you using any additional addon or plugin that might not be fully compatible with elementor - what kind of theme are you using - what PHP version is your site running on checking this might help fix that problem

@wmartin047 8 ай бұрын

Nice but how do you make it display the post categories???

@thecreativarena 8 ай бұрын

this video will help you filter your posts kzfaq.info/get/bejne/eqyZdbiYr-CXfHU.html but if you not ok with that i can show you another method

@PragmaEstudios 10 ай бұрын

Hello! Equal Height doesnt work. It doesnt changes anything in the front end. Am using the latest elementor pro and am using the Loop Carousel widget. what can it be?

@thecreativarena 10 ай бұрын

can i see a screenshot of this so as to be able to help you better

@BernardEbuehi Жыл бұрын

Hello, I would like to ask this question, how can I create post layout in elementor that display like the one in newspaper12 Theme, any video on this

@thecreativarena Жыл бұрын

Do you mean Single Post Layout or a post loop

@BernardEbuehi Жыл бұрын

@@thecreativarena a post loop layout were one featured image and post title on the left hand side and five small thumbnail image and post title on the right hand side

@thecreativarena Жыл бұрын

ok i understand and luckily for you i just finished making a video that cover this and it will be uploaded shortly please check back

@BernardEbuehi Жыл бұрын

@@thecreativarena ok...i will be waiting to see the video

@BernardEbuehi Жыл бұрын

@@thecreativarena what is the video title?

@life-is-excellent8861 Жыл бұрын

Unfortuntley it does not work well So I can't say thumbs up

@thecreativarena Жыл бұрын

What exactly does not work well so i can guide you

@life-is-excellent8861 Жыл бұрын

I guess the plugin dies not work. Once it is installed and set up, it does not appear in the options (left column) when editing the land with elementor...😢

@thecreativarena Жыл бұрын

are you using another plugin other than elementor? if no make sure you are using the latest version of elementor pro. If you are not seeing the loop grid widget that means you need to go elementor settings under features you will loop and make sure it is set to active you can purchase from there be.elementor.com/visit/?bta=206790&nci=5383