Return to previous page

Images Blog page same height - by gewoonbovenaan

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

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.

#292583 Copied Theme version: 7.2.5

3 Answers
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
#292593 Copied
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

#292601 Copied
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
#292611 Copied
Viewing 4 results - 1 through 4 (of 4 total)