InfoWay Slider image Sizes

How do I change the image sizes in the front page Slider from 920X363 to something that fits my images better. They stretch when I upload using the upload image in the slider section of the theme options.

I am a new customer and this is the first theme I am using from Ink Themes. I would like this first impression to be a good one!

 

Hello,

Use the following code to make the changes in the size of the slider.

Code:

#featured .ui-tabs-panel img {
width: 900px;
height: 330px;
}

And also change the position of the shadow with this code

Code:

.slider_shadow {
height: 48px;
margin-top: -15px;
}

You can alter the value of "width and height" to adjust it.

 

How to also adjust the height of Slide Heading and Description?
(at the right of sliders, please see the images in attached file).

Thanks.

 

Hello,

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

Code:

#featured .ui-tabs-panel img{
height:200px;
}
.slider_shadow{
display:none;
}
#featured ul.ui-tabs-nav li div h1{
font-size:12px;
margin-top:2px;
}
#featured ul.ui-tabs-nav li div p{
font-size:10px;
margin-bottom:4px;
}
#featured li.ui-tabs-nav-item a{
padding-top:2px;
}
#featured li.ui-tabs-nav-item a{
height:38px;
}
#featured ul.ui-tabs-nav li div{
line-height:15px;
}
#featured ul.ui-tabs-nav{
height:200px;
}
@media only screen and (max-width: 767px) and (min-width: 480px){#featured li.ui-tabs-nav-item a {
height: 0;
}
#featured ul.ui-tabs-nav li div h1{
font-size:15px;
margin-top:5px;
}
#featured ul.ui-tabs-nav li div {
line-height: 22px;
}
#featured ul.ui-tabs-nav{
height:180px;
}
}
@media only screen and (max-width: 480px){
#featured li.ui-tabs-nav-item a {
height: 0;
}
#featured ul.ui-tabs-nav li div {
line-height: 18px;
}
#featured ul.ui-tabs-nav{
height:160px;
}
#featured ul.ui-tabs-nav li div h1{
font-size:15px;
margin-top:5px;
}
}

Adjust its values as per your requirements.