How to set Inline single image to same height in inner row? I used inline single image because I need modal image and description. It’s possible to set to cover 100% width of column and have same height?
Hi,
Unfortunately the Inline single image do not have that option, what you can do if you want to use the Inline single image is to set an extra class were to set the width and height on images, but this will stretch the images.
-> https://www.screencast.com/t/Qjfp4ugE0R
You can set the cover 100% if you set the image in background on some shortcode, or use column content -> https://www.screencast.com/t/Cmq6VW2c
Thank you for your understanding.
hi,
I changed code and it works:
but there is another problem… It changes all modal image. Can I set ID or class for only images in blue circle? Any Idea? Image in red circle I want it like it was before:
I’m glad that you solved the problem!
Yes, it solved the problem but the new one arose. This script changes all modal inline images on whole page. And I want it for only this two in inner row. I don’t want set all inner images height to 250px. I can somehow specify which images it will change?
Thank
Hi,
Please set this class first .tdm-inline-image-wrap like this -> https://www.screencast.com/t/KVOKKN1hhxN in this way the css will apply only on inline images.
Hope this will help you.
Thanks.
hi,
thanks, works good, but only working for width. But height is still 250px for non inline image. I want only set height 250px to first two (inline) images. Another modal images I want them looks like default inline modal images without css.
Current:
–
What I want for no inline modal image:
Thanks
Hi,
Please use only those classes .tdm-inline-image-wrap .td-fix-index with out this class .tdm-image
-> https://www.screencast.com/t/1j2bqJixsyG
.tdm-inline-image-wrap .td-fix-index {
object-fit: cover;
height: 250px;
width: 100%;
}
Thanks.
Hi,
thanks, but I want third image not be affected by CSS. Only first and second image I want to be affected by CSS. I want third image to be modal and CSS affected this image height too. Can be this CSS aplied only to first and second image?
I have:
I Want:
Hi,
Please provide a link were I can inspect this problem, in this way I will be able to provide you the right custom css.
Thank you for your understanding!
Hi,
https://wordpress.diodegames.eu/o-klube/
If you want I can give you admin password.
Thanks
Hi,
Please release the above custom css with this one
.tdm_block_inline_image:nth-child(1) .td-fix-index {
object-fit: cover;
height: 250px;
width: 100%;
}
Hope this will help you to achieve what you need!
Thanks.
Hi,
Wow, works… Very big thanks
