Blog archive page customisations

Hi there,

1. Blog page does not have a page title by default, if you want one, you can use a block element – page hero to add it.

2. Go to customize > layout > container > content padding, you can adjust the paddings there. But the setting is global, it will be applied to the single posts’ and single pages’ content container as well. If you just want to remove it for blog and archives, then try this CSS:

.one-container.archive .post:not(:last-child):not(.is-loop-template-item), .one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
    padding-bottom: 0;
}

3. The layout you want is easier with background image instead of image block. If you prefer image block, then CSS will be required.

Let me know if you want to use CSS.

1. Give the image block an additional CSS class, eg. full-height-image.

2. Set the image block’s height to 100%.

3. Add this CSS:

.gb-block-image:has(.full-height-img) {
    height: 100%;
}

I don’t see it in the customizer > additional CSS or your child theme’s style.css file.
Where did you add the CSS?

Can you try adding the code in the Additional CSS field of the customizer first?

Hi there,

I see the image height is correct now. Have you managed to resolve it? I’m not sure if this is the correct page, but you’ve set your blog archive page to /news instead of /blog and I viewed it there.

i don’t see the issues described in screenshot 1 and 2.

For the issue on screenshot 3, you can clearly see that it’s the padding of the right container, if you want to remove that, just delete the left padding.