blog design

[RheaKalo]

Hi there, 

How can I make the blog images  same in size? 

https://rheakalo.com/blogs/news

Looks so messy!

thanks!

[Raj-webdesigner]

Add this css in your edit code > theme.scss.css file 

.article__grid-image-wrapper {
    max-width: 100% !important;
}
.article__grid-image-container img {
    max-width: 100% !important;
    max-height: 375px !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 100%;
}
.article__grid-image-container{
    height: 410px !important;
    max-height: 375px;
    padding-top: 80% !important;
}

[rajbhai]

Add this code in edit code > theme.css and add this code at the end of the file

body .main-content .page-width ul.grid li .article__grid-image-wrapper .article__grid-image-container {
    padding-top: 100% !important;
}
body .main-content .page-width ul.grid li .article__grid-image-wrapper .article__grid-image-container img {
    max-height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    height: 444px !important;
}
body .main-content .page-width ul.grid li .article__grid-image-wrapper {
    max-width: 100% !important;
}

[RheaKalo]

I can't find a theme.css

[rajbhai]

theme.scss.css

[stunning_web]

Hi @RheaKalo,

There seem to be no blogs present at https://rheakalo.com/blogs/news or https://rheakalo.com/blogs please add some for further inspection