Archived topic
Equal heigth for columns and featured images with Generate Blocks
5 replies · Started by Rosita on April 19, 2021
Hi I used Generateblocks pro on my website. I made columns for the blog with the grid block and container. How to get equal height for the featured images(now have used pictures with the same height) and the column itself? I am always struggling with this.
Thanks!
kind regards Rosita
Hi Rosita,
Any chance you can link us to the page in question?
You can use the private information field.
Let me know :)
Hi Ying,
I am so sorry for the late response, very busy with working and learning.
The website is https://www.rulesbyrosita.nl/Test/ You'll need to login to see it. :) I'll send the info in de private information section.
Hi Rosita,
Give this CSS a try:
.gb-container.gb-container-f4bed81f img {
height: 340px;
}
.generate-columns-container .gb-grid-wrapper-3e581322, .generate-columns-container .gb-grid-column-f4bed81f, .generate-columns-container {
height: 100%;
}
.gb-container.gb-container-fe696ee5 {
flex: 1;
}
.gb-container.gb-container-f4bed81f .gb-inside-container {
display: flex;
flex-direction: column;
height: calc(100% - 10px);
}
.gb-container.gb-container-fe696ee5 .gb-inside-container > *:last-child {
margin-top: auto;
}Let me know :)
Hi Ying, Thank you! It worked. One of the featured images was stretched. I fixed it myself with:
img.dynamic-featured-image.wp-post-image {
object-fit: cover;
}Thank you very much!
Good job!
You are welcome :)
