[Resolved] Align Blog archive images to same height

Home Forums Support [Resolved] Align Blog archive images to same height

Home Forums Support Align Blog archive images to same height

Viewing 13 posts - 16 through 28 (of 28 total)
  • Author
    Posts
  • #1153461
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Sorry about the delay – not sure how this one slipped through.

    I think it’s the image resizer not working correctly. Did you try the solution I linked to?

    #1153672
    eden

    Actually I dont understand what should I do

    #1153833
    David
    Staff
    Customer Support

    The issue is that Image would need to be wider then the post container for it to be the same height as the other images.

    2 options:

    1. Reduce the height of the featured image in the Customizer to 190px.

    or

    2. Use this CSS:

    .generate-columns-container .post-image img {
        min-height: 250px;
        object-fit: cover;
    }
    #1153838
    eden

    I have put the code but unfortunately no change

    #1153846
    David
    Staff
    Customer Support

    Where did you add the code ? I cannot see it in the site. Can you add it back in and clear any plugin and browser caches.

    #1153848
    eden

    I have added it in Customise > Add CSS

    I have cleared cache

    #1153849
    David
    Staff
    Customer Support

    I can see the code now – and it is working.

    #1153853
    eden

    I cant see any difference, there are still height differences as before.
    Can you plz screenshot what you see ?

    #1153864
    David
    Staff
    Customer Support

    #1153869
    eden

    Yes the problem still exists can you seen the button height differences in some of the blog posts ?

    how can I fix it ?

    #1153962
    David
    Staff
    Customer Support

    The button position and the image height are unrelated, can you confirm the image height problem is resolved ?

    Now to position the buttons requires this CSS:

    .generate-columns .inside-article, 
    .inside-article .entry-summary {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .read-more-container {
        margin-top: auto;
    }
    #1153980
    eden

    Its all looking perfect now thank you

    #1154239
    David
    Staff
    Customer Support

    You’re welcome

Viewing 13 posts - 16 through 28 (of 28 total)
  • You must be logged in to reply to this topic.