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

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

Home Forums Support how can I make this query loop?

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #2367662
    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?

    #2367715
    David
    Staff
    Customer Support

    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.

    #2367920
    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.

    #2368217
    Fernando
    Customer Support

    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?

    #2368375
    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?

    #2368418
    Fernando
    Customer Support

    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?

    #2368420
    eran

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

    #2368469
    Fernando
    Customer Support

    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?

    #2368485
    eran

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

    #2368922
    David
    Staff
    Customer Support

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

    #2368926
    eran

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

    #2369332
    Fernando
    Customer Support

    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?

    #2369381
    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

    #2369416
    Fernando
    Customer Support

    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;
    }
    #2370108
    eran

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

Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.