Different Slider

Hi - I LOVE this theme - its really powerful, easy to use and easy for a client to edit.

However I wonder if I can replace the slider with a wider image? Maybe swap your default slider with a different plug-in slider?

Thanks

 

Hello,

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

Code:

.flexslider .slides .imgmedia {
    background:none;
width:69.5%;
height: 255px;
border:1px solid #ddd;
padding:2px;
}
.flexslider .slides .imgmedia .video iframe {
    width: 641px;
}
.flexslider .slides .imgmedia span.slider-shadow {
    width: 640px;
}
.flexslider .slides .imgmedia img {
    width: 642px;
}
.flexslider .slides .content{
width:28%;
}
 
@media only screen and (max-width: 960px) and (min-width: 767px){
.flexslider .slides .imgmedia img {
width: 342px!important;
}
.flexslider .slides .imgmedia {
 
width: 360px!important;
height: 200px!important;
}
.flexslider .slides .content {
width: 44%!important;
}
.flexslider .slides .imgmedia span.slider-shadow {
    width: 342px!important;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.flexslider .slides .imgmedia span.slider-shadow {
width: 442px!important;
 
}
 
.flexslider .slides .imgmedia {
width: 462px!important;
 
height: 256px!important;
 
}
.flexslider .slides .content {
width: 100%!important;
}
.flexslider .slides .imgmedia img {
width: 443px!important;
}
}
 
@media only screen and (max-width: 480px){
.flexslider .slides .content {
width: 75%!important;
}
.flexslider .slides .imgmedia img {
width: 272px!important;
}
.flexslider .slides .imgmedia {
width: 98%!important;
height: 163px!important;
}
.flexslider .slides .imgmedia span.slider-shadow {
width: 272px!important;
}
}

 

You guys are fab! Thanks