Change slider image size/ crop

Hey,
I am using the slider module in a column (50%).

I know that is not the recommended column width and therefore the slider image is not cropped.

It shows some blank space on the bottom.

Does sb. know how to stretch the image inside the slider?

Thanks a lot!

gwenos.com ( u can see it on the homepage under the quote)

I use the thumbnail upscale plugin.

Hey, Thank you for your suggestion, but unfortunately it does not work.
I used the plugin Thumbnail Upscale and Thumbnail regenerator.

It works fine for all modules except the slider. It just will not stretch the slider image to full height.

🙁

Hi, Thank you for the answer.

I added your code to Custom CSS but unfortunately there is no difference :/

I also tried the regenerating plugin again, but no success.
Any other ideas?

Thanks a lot!

Hi
this may seem dumb; but add the thumbnail upscale plugin, the regenerate thumbnails plugin; run the regenerate thumbnails plugin; then rebuild your slider with new images so that the larger versions are used/cached vs the original smaller ones.

I had this happen once and drove me up the wall – then went, duh. Rebuilding the slider AFTER I had the larger image versions on server worked.

Might not help or be your issue, but worth a try.

Hey, Thanks for your suggestion. I tried everything but it just wont work :/
Uploaded new pictures, regenerated, new slider etc

try this in custom css
.iosSlider-col-2 .entry-thumb {
width: 696px;
margin-top: 105px !important;
}

tell me if you find any other problem related to this slider issue on other pages

it doesnt work either 🙁

but thank you though!

And this also for re position of next and prev icon on slider

.td-theme-slider:hover .td-icon-left, .td-theme-slider:hover .td-icon-right {
opacity: 1;
z-index: 1;
margin-top: 12px;
}

these two codes will solve your problem 100%

try this one
body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post img {
opacity: 0;
margin-top: 105px !important;
}
tell me if this not work

and if all the previous code does not work then remove all those previous css code and try this it will 200% will work if not then there is some other issue or may be any silly mistakes

.iosSlider-col-2 .td_module_slide {
height: 280px !important;
}

tell me if your problem solved

try this one by removing previous custom css code if last one did not worked

.td-js-loaded .td_block_slide .td_module_slide {
visibility: visible !important;
height: 280px !important;

}

this is the last attempt from me.

Hey guys, thanks a lot for your effort!

Finally the slider is “stretched” to its max. values

I added the following CSS:

.iosSlider-col-2 .entry-thumb {
height:100% !important;
}
.home .td-pb-span6 .td_block_slide .td-module-thumb, .home .td-pb-span6 .td_block_slide .td-module-thumb .entry-thumb {
height: 100%;
width:auto;
}

great