[Support request] Loop template for Category Archive

[krllg4345]

Hi there, new to GP/GB. I just created a Loop template for a category archive following https://docs.generatepress.com/article/block-element-loop-template/ . It is displaying the post ok, however, the block seems to be wider than the expected width for the archive content. Using a similar loop as Element Type>Hook on the homepage works fine. Did I miss something with the Loop Template? Thanks

[Fernando]

Hello there,

Look at the page, the Query Loop seems positioned correctly from my end.

To clarify, can you take a screenshot of the issue from your end?

Uploading Screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

[krllg4345]

Please see comments

[Fernando]

I see. It’s the Header that has padding.

Would you like to remove the padding of the header or add one to the Query Loop?

[krllg4345]

I’d prefer to add it to the query loop. Can you point me to that?

[David]

Hi there,

edit your loop template, and add Container Block, give it 40px Padding on Desktopm and a reduce padding for Mobile.
Then move the Query Loop block inside that,

[krllg4345]

Done, worked great. added different padding levels for desktop and mobile, it’s looking perfect now. It took me a bit to be able to drag the query loop inside the new container block. for some reason didn’t land inside on multiple attempts but got there in the end.

[David]

Yeah, the block editor is not the simplest thing to drag stuff around in.
If you add an empty paragraph block in the container first it gets easier.
And in the List View you can drag those items too

Glad to be of help.

[Author]

Posts