Site logo

Archived topic

how can I make this query loop?

15 replies · Started by eran on October 9, 2022

Viewing posts 1–15 of 16

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?

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.

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.

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?

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

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

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

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?

"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

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;
}

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

This archived topic is closed to new replies.