Site logo

Archived topic

My post that display on home page not aligned

31 replies · Started by Justin on September 27, 2022

Viewing posts 1–15 of 32

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

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.

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?

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.

This archived topic is closed to new replies.