Different Slider

Discussion in 'Traffica WordPress Theme' started by suzypow, Dec 9, 2013.

Thread Status:
Not open for further replies.
  1. suzypow

    suzypow Member

    Joined:
    Dec 28, 2011
    Messages:
    60
    Likes Received:
    1
    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
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    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;
    }
    }
    
     
  3. suzypow

    suzypow Member

    Joined:
    Dec 28, 2011
    Messages:
    60
    Likes Received:
    1
    You guys are fab! Thanks
     
Thread Status:
Not open for further replies.

Share This Page