Images blurry in slider

I used this code to make the images a little bigger but the images are blurry. It seems to be stretching the thumnail images instead of shrinking the original pictures

#slider_wrapper li img {
height: 108px;
width:108px;
}
#slider_wrapper #cc_carousel {
max-height: 126px;
}

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#slider_wrapper #cc_carousel{
max-height:200px;}
 
#slider_wrapper li img {
height: 168px;
width:168px;}
 
#slider_wrapper .jcarousel-next-horizontal {
top:79px;}
#slider_wrapper .jcarousel-prev-horizontal {
top: 79px;}

After this,
Go to the Appearance > Editor > index.php and make changes as shown in the image.




This will solve your issue.

 

This worked great, Thank You