showing thumbnail image by using blog slider on main page

runa0609

This is my main page ( http://digimotion.co.kr ) and showing thumbnail image by using blog slider Short code.

( http://digimotion.co.kr/wp-content/uploads/2016/05/blog-slider-thumbnail-image-height.png )

Red square box on picture, that is not showing 100% height of image.

I would like to showing 100% height of image but i don't know how to do.

i tried to put CSS Style code " height : 100%; " on blog slider short code or class = img.scale-with-grid, class = post-2350 post type-post status-publish format-image etc.

but it is not working.

these thumbnail images size is 500*715.

if i change image 

srcset="http://digimotion.co.kr/wp-content/uploads/2014/04/런던금거래소.jpg 500w, http://digimotion.co.kr/wp-content/uploads/2014/04/런던금거래소-210x300.jpg 210w, http://digimotion.co.kr/wp-content/uploads/2014/04/런던금거래소-102x146.jpg 102w, http://digimotion.co.kr/wp-content/uploads/2014/04/런던금거래소-35x50.jpg 35w, http://digimotion.co.kr/wp-content/uploads/2014/04/런던금거래소-52x75.jpg 52w"

these will change and showing full-height of image ?

how to change image srcset ?

please tell me how to do

Thanks.

Albert

Hi,

to display complete featured image, you need to use an extra css:

.image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; }

Featured images are cut because it's necessary for other items but if you want to display them in full size, above css needs to be used.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next