-
Hi,
I have added a Query Loop Template to use for my posts on the website, see page here
However, despite trying various fixes including this one from the forum:
.gb-query-loop-wrapper.my-query-grid > .gb-grid-column.gb-query-loop-item > .gb-container > .gb-inside-container {
height: 100%;
} and adding my-query-grid custom css clas to the grid block, I am unable to get the posts to be the same height in a row regardless of their content.Please note the posts will all have a featured image but these have not been added just the image block in place.
How can I achieve this, please?
Richard
-
Hi there,
1. Remove that CSS
2. Edit your Query Loop block and select the Post Template block inside it.
2.1 set its Layout > Display to Flex, Flex Direction to Columm and its Align Items to Flex Start ( Left )
2.2 set its Sizing > Height to 100%
3. Select the Button block and set is Spacing > Margin Top toauto -
Hi there,
1. Remove that CSS
2. Edit your Query Loop block and select the Post Template block inside it.
2.1 set its Layout > Display to Flex, Flex Direction to Columm and its Align Items to Flex Start ( Left )
2.2 set its Sizing > Height to 100%
3. Select the Button block and set is Spacing > Margin Top toauto -
Hi David,
That works perfectly, thank you for providing the best support on the internet.
Richard
-
Glad to be of help 🙂
- You must be logged in to reply to this topic.