How can I fix height of grid and image on blog page like on home page
-
Attaching screenshot for home page
Attachments:
You must be
logged in to view attached files.
Waiting for your kind response….
How can I fix blog grid height on blog page
Hello,
You need to follow the steps:
1. You need to upload all the images of the same size.
2. Remove your custom JS code that crops your title and text for blog posts.
3. Use the following CSS code.
.wd-post .entry-content {
overflow: hidden;
height: calc(1.6em* 2);
line-height: 1.6em;
}
.wd-post .wd-entities-title {
overflow: hidden;
height: 1.4em;
line-height: 1.4em;
}
Kind Regards
As you can see in attached screenshot image size is uneven how can I fix image size here
Attachments:
You must be
logged in to view attached files.
2. Remove your custom JS code that crops your title and text for blog posts.?
From where?
We don’t know exactly where you added the script. But as you can see, titles are cropped right after page is fully loaded. It is not our theme’s feature so probably comes with some of the installed plugins or custom code
Need a fix image size for all
You can use the following custom CSS code for this purpose
.wd-post .entry-thumbnail img {
aspect-ratio: 300 / 130;
object-position: 50% 50%;
object-fit: cover;
}
.
