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

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

Home Forums Support My post that display on home page not aligned

  • This topic has 31 replies, 4 voices, and was last updated 1 month ago by Ying.
Viewing 15 posts - 1 through 15 (of 32 total)
  • Author
    Posts
  • #2355623
    Justin

    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?

    #2355895
    Justin

    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.

    #2355911
    Fernando
    Customer Support

    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/

    #2355921
    Justin

    I’m not exactly sure what you mean but I added you as an admin.
    Gotcha no worries I appreciate all the help

    #2355974
    Fernando
    Customer Support

    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

    #2356003
    Justin

    I added

    #2356008
    Fernando
    Customer Support

    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.

    #2356024
    Justin
    #2356030
    Fernando
    Customer Support

    No, not like that.

    You currently have this structure:

    Group
    -Buttons
    -Container

    Turn it into:

    Container
    -Buttons
    -Container

    Just replace the Group Block.

    #2356044
    Justin

    I changed it but I want to have the category title displayed as before without the grey background and space
    https://postimg.cc/rzbZ4TRm

    #2356054
    Fernando
    Customer Support

    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?

    #2356070
    Justin

    https://postimg.cc/B8c8g0CH
    Ok I got that part done

    #2356082
    Fernando
    Customer Support

    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

    #2356085
    Justin
    #2356096
    Fernando
    Customer Support

    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.

Viewing 15 posts - 1 through 15 (of 32 total)
  • You must be logged in to reply to this topic.