Slider Image Settings

I wanted to reduce the slider image settings and have modified the styles.css to

.flexslider .slides img {
max-width: auto;
width:50%;
height: auto;
}

which worked for the image size but how do I centre the slider?

Many Thanks - great template

 

Hello,

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

Code:

.flexslider .slides img {
margin-left: 360px;
}
@media only screen and (max-width: 1140px) and (min-width: 960px){
.flexslider .slides img {
margin-left: 260px;
}
}
@media only screen and (max-width: 960px) and (min-width: 767px){
.flexslider .slides img {
margin-left: 240px;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.flexslider .slides img {
margin-left:190px;
}
}
@media only screen and (max-width: 480px){
.flexslider .slides img {
margin-left:110px;
}
}

Adjust its value as per your requirements.

This will solve your issue.