[Resolved] My post that display on home page not aligned

[Justin]

I added the css but I’m not sure what you mean “Add paddings and margins to the Parent container as well”

[Ying]

Select the top container block, and try adding some padding/margin under the spacing tab, you will understand what it means.

[Justin]

Ok I figured that part out but after adding all those changes it fixed the bottom being aligned but it’s still making that post with 3 lines for title image sorter so it’s not aligned with the other posts’ images anyway to fix that?

[Ying]

Not sure I understand the issue you described, can you share a screenshot to point out the issue?

Let me know!

[Justin]

https://postimg.cc/bs3B70GD

[Ying]

I see, there’re 2 options:

Use this CSS:

.post.dynamic-content-template img {
    max-height: 210px;
    object-fit: cover;
}

Or
Replace the dynamic image block with an image block of GB and enable its dynamic data:
https://docs.generateblocks.com/article/image-overview/
https://docs.generateblocks.com/article/image-overview/#dynamic-data

Then set 210px as the image height, 100% as the image width, choose cover for object fill.

[Justin]

Ok thank you also you guys didn’t change anything when I sent you login info expect for to see what’s going on in the backend right?

[Fernando]

No, we don’t make changes. We only ask for credentials to view and observe so we could provide appropriate instructions. 🙂

[Justin]

Cool my sites finally running the way I want I really appreciate all the help with it!

[Justin]

Really love how Generatepress functionality is setup and especially the lightweight aspect of it made my site superfast after rebuilding in Generatpress.

[Fernando]

You’re welcome Justin! Glad we could be of assistance, and glad you’re happy with our product!

[Justin]

This issue came back and I think it was after updating GB
the exact problem is the read more label is not aligned with the rest

[David]

Hi there,

can you:

1. Go to GenerateBlocks > Settings and click the Regenerate CSS.
2. Clear any plugin / server caches.

Then let me know.

[Justin]

Ok I did that and still have the problem

[Ying]

Can you try change this CSS:

.dynamic-content-template > .gb-container > .gb-inside-container > .gb-container > .gb-inside-container > .dynamic-entry-excerpt > .read-more-container {
    margin-top: auto;
}

to this:

.dynamic-content-template > .gb-container > .gb-inside-container > .gb-container > .gb-inside-container > .dynamic-entry-excerpt > :is(.read-more-container, .read-more-button-container) {
    margin-top: auto;
}

[Author]

Posts