Archived topic
My post that display on home page not aligned
31 replies · Started by Justin on September 27, 2022
I want to fix how my posts on the homepage or on the category page for posts display the problem is if the titles take 3 lines it makes the bottom longer and not even with the other posts so is there any way I can change it from doing that and just make the read more lable move closer to excerpt text instead and not let the let the bottom container get longer?
I feel like you guys are getting annoyed of me with all the recent questions but I'm just trying to get the foundation finished on the website.
Hi Justin,
What's your Content Template structure now? Can you share a screenshot?
Uploading Screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
As is, there seems to be a WP Group Block. Can you use a GB Container instead for that.
We'll then align their heights through custom CSS afterwards.
Sorry for the delay in response. There's a high influx of tickets, and some of our team members are on a leave. We're trying to respond as soon as possible. Our estimated response time is within 12-24 hours on weekdays: https://generatepress.com/what-support-includes/
I'm not exactly sure what you mean but I added you as an admin.
Gotcha no worries I appreciate all the help
Can you share the login credentials here?
Please use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
I added
Can you go to Appearance > Elements > Archive Cards, and replace this: https://share.getcloudapp.com/P8u7Grj5 with a Container Block?
You can simple create a Container Block, and then drag the blocks within the Group Block there.
We'll proceed once this is done.
https://postimg.cc/VSvxzvPf
Like this?
No, not like that.
You currently have this structure:
Group
-Buttons
-Container
Turn it into:
Container
-Buttons
-Container
Just replace the Group Block.
I changed it but I want to have the category title displayed as before without the grey background and space
https://postimg.cc/rzbZ4TRm
In your screenshot, the blocks within the original Container Block are not placed inside the Container Block anymore. Did you put them out? Can you retain the former structure you had with only the Group Block being replaced?
https://postimg.cc/B8c8g0CH
Ok I got that part done
Can you drag the second Container with all its contents inside the First contaner: https://share.getcloudapp.com/9ZugQJlK
It should look like this for instance: https://share.getcloudapp.com/bLu5qv66
Great, now add this in Appearance > Customize > Additional CSS:
.dynamic-content-template > .gb-container, .dynamic-content-template > .gb-container > .gb-inside-container, .dynamic-content-template > .gb-container > .gb-inside-container > .gb-container {
height: 100%;
}
.dynamic-content-template > .gb-container > .gb-inside-container > .gb-container > .gb-inside-container {
display:flex;
flex-direction: column;
}
.dynamic-content-template > .gb-container > .gb-inside-container > .gb-container > .gb-inside-container {
display:flex;
flex-direction: column;
height: 100%;
}
.dynamic-content-template > .gb-container > .gb-inside-container > .gb-container > .gb-inside-container > .dynamic-entry-excerpt {
flex-grow:2;
display:flex;
flex-direction: column;
}
.dynamic-content-template > .gb-container > .gb-inside-container > .gb-container > .gb-inside-container > .dynamic-entry-excerpt > .read-more-container {
margin-top: auto;
}
Add paddings and margins to the Parent container as well.