[Support request] How to align grids

[Ajay]

I am getting an issue that my grid post is not align straight. The bottom is align properly but top and content title with small description is not align straight each others. Please help i am using bloc element.

[David]

Hi there,

where can i see the issue ?

[Ajay]

on image and title and description. they are not align straight. but buttons are align straight

[David]

If i can see the site , then i can determine the cause of the issue.
If i can’t see the site, then check to make sure all your featured images are the same size / aspect ratio.

[Ajay]

my buttons are not aligned straight with each other. yes please check in a private box

[Fernando]

Hi Ajay,

Can you provide the link to the site in question? We’ll help with the CSS after we see the site.

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Ajay]

please look in private box

[Fernando]

Can you try adding this through Appearance > Customize > Additional CSS?:

:is(.home, .archive, .page-id-332) .gb-grid-wrapper.gb-query-loop-wrapper .gb-query-loop-item > .gb-container .gb-inside-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

:is(.home, .archive, .page-id-332) .gb-grid-wrapper.gb-query-loop-wrapper .gb-query-loop-item > .gb-container .gb-inside-container > *:nth-last-child(2) {
    margin-top: auto;
}

[Ajay]

it is working only a single page not in other pages which is homepage and categories pages. also the category text link placement should be littlebit down side after excerpt

[Fernando]

I edited the code above. Can you try that instead?

[Ajay]

yes working well but not on homepage

[Fernando]

The structure of your homepage was different awhile ago. It must have been caching. I edited the code again on top.

Can you try that?

[Ajay]

if i do some changes will style change? like some border radius and margen top bottum

[Ajay]

i am facing also image size issue i dont know why please check the private box

[Fernando]

If you don’t change the structure, the code would still work even if you change the borders and spacing.

As for the image size issue, Google is suggesting to re-upload your images at a smaller size/dimension.

I believe there may be Image Optimization plugins that can assist with this. You can try if any of these helps: https://www.wpbeginner.com/plugins/best-wordpress-image-compression-plugins-compared/

[Author]

Posts