Images Blog page same height - by gewoonbovenaan

This topic has 4 replies, 2 voices, and was last updated 3 years, 4 months ago ago by Olga Barlow

  • Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    June 30, 2021 at 12:36

    Hi,
    In the Blogpage section the images are not the same height, https://gyazo.com/0f7280acb61eaf852d5ccde745a011f0
    Some are the same but not every. Also i would like to have every blog section the same heighth as in text and button on the same height. is that possible?
    https://eikcertificering.nl/de-kijk-van-eik-2/
    Can i also can make shadow around the blog?

    Thanks.

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 30, 2021 at 13:31

    Hello,

    1) go to Theme Options > Blog > Blog layout > set the Image Sizes For Blog you need to crop images.

    2) If you set the min-height for the title of the post you’ll get white space below titles that has fewer strings https://prnt.sc/17ngq6d Is it ok for you?

    3) Do you want the shadow on hover or with the default state?
    If you need with the default state then add the below code to Theme Options > Custom CSS

    article.blog-post, article.post-grid {
        box-shadow: 0 3px 6px rgba(0,0,0,.1066666667),0 3px 6px rgba(0,0,0,.1533333333)!important;
        padding: 15px;
    }

    Regards

    Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    June 30, 2021 at 14:38

    Thanks that helps a lot although the boxes should have the same height now. With rows you can set the columns to equal heigth but with blogs i dont know how. Thanks again https://gyazo.com/2e1b16e1abf088c88ba5968d6a4ccc55

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 30, 2021 at 15:20

    Hello,

    Try the below code

    .et_blog-ajax.row {
        display: flex;
        flex-wrap: wrap;    
    }
    .et_blog-ajax .wp-picture {
        min-height: 184px;
        display: flex;
        align-items: center;
    }

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.