Hi — I needed a script to contain the size of the feature image to a maximum height and automatically scale the width.
The scripts below do work but I am left with a bounding box and drop shadow. I would like to get rid of that so that it looks clean. Can you help me, please.
————–
https://www.kozzi.com/healthcare/sick-girl-with-fever/
.td-post-template-10 .td-post-featured-image img {
max-height: 600px;
width: 100%;
object-fit: scale-down;
object-position: center;
}
.td-post-template-10 .td-post-featured-image {
box-shadow: 0 0 0px rgba(0, 0, 0, 1);
padding: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
Also how do I shrink the bottom (black section) to be equal height with the top. Thanks
Hi,
In order to remove only the shadow box you can try this custom css
.td-post-template-10 .td-post-featured-image img {
max-height: 600px;
width: 960px!import;
object-fit: scale-down;
object-position: center;
}
.single .td-post-template-10 .td-post-featured-video img {
box-shadow: none;
padding: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
If you want to reduce the background color you can use this css -> https://i.imgur.com/q9fpMv1.png
.single .td-post-template-10.td-video-template-bg {
width: 1116px;
margin: 0 auto;
}
Hope this will help you!
Thank you!
