[Support request] how can I make this query loop?

[eran]

Hi,
How can I make a query loop that 25% of the width will be the posts image and the rest of the 75% will be the post title + excerpt?

[David]

Hi there,

create a Query Loop with an empty template.
Then add a 2 column Grid Block inside it, set the first column to 25% and add your Image Block inside, then set the other column to 75% and fill it with the title and excerpt.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[eran]

Sorry, I struggle with it a little bit.

This is what I get so far :
https://imghostr.com/61b65e_1hf

The post excerpt I use as a headline, but I don’t see any content.
Plus, I don’t see any featured images in the left column.

[Fernando]

Hi Eran,

Have you enabled the Dynamic data for the Image Block? See: https://docs.generateblocks.com/article/image-overview/#dynamic-data

As for the excerpt, can you take a screenshot of the dynamic data settings of that Block as well?

[eran]

I add the excerpt settings:
https://imghostr.com/4cc6cb_a4k

Plus, how can I add a gap between the left query loop to the right query loop?

[Fernando]

Hi Eran,

You can add gaps through the Grid Block settings. Reference: https://docs.generateblocks.com/article/grid-overview/#layout

As for the excerpt, can you share the link where this Query Loop is displayed so we can view it?

[eran]

I have only vertical gap in grid :
https://imghostr.com/e77c14_5b0

[Fernando]

You have a single column Query Loop. Is the Vertical Gap not working?

Can you try recreating the Headline Block for the excerpt to test?

[eran]

I did, Still, the excerpt doesn’t work.

[David]

Each of the Columns is its own Container Block. You can add Spacing > Padding to those blocks to create space around / between content

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[eran]

Why I can’t see the excerpt in the editor?
Plus, how can I delete the three dots from the excerpt?

[Fernando]

In Appearance > Customize > Layout > Blog > Content, what’s the value of your Excerpt Word Count?

As for the 3 dots, are you planning to add a “read more” button/link?

[eran]

“In Appearance > Customize > Layout > Blog > Content, what’s the value of your Excerpt Word Count?” – but its for my blog, I want to add a query loop to my homepage.

“As for the 3 dots, are you planning to add a “read more” button/link?” – No

[Fernando]

The excerpt length in the editor is the one set in the customizer, but it’s overridden by your Block Setting for the excerpt length in the Headline.

To remove the ... Try enabling “Use default more link”

Then add this in Appearance > Customize > Additional CSS:

.gb-query-loop-item .read-more {
    display: none;
}

[eran]

Didn’t work. It didn’t show the read more button but the three dots stay.

[Author]

Posts