Archived topic
My post that display on home page not aligned
31 replies · Started by Justin on September 27, 2022
I added the css but I'm not sure what you mean "Add paddings and margins to the Parent container as well"
Select the top container block, and try adding some padding/margin under the spacing tab, you will understand what it means.
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?
Not sure I understand the issue you described, can you share a screenshot to point out the issue?
Let me know!
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.
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?
No, we don't make changes. We only ask for credentials to view and observe so we could provide appropriate instructions. :)
Cool my sites finally running the way I want I really appreciate all the help with it!
Really love how Generatepress functionality is setup and especially the lightweight aspect of it made my site superfast after rebuilding in Generatpress.
You're welcome Justin! Glad we could be of assistance, and glad you're happy with our product!
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
Hi there,
can you:
1. Go to GenerateBlocks > Settings and click the Regenerate CSS.
2. Clear any plugin / server caches.
Then let me know.
Ok I did that and still have the problem
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;
}