Picture Slider Size

Discussion in 'Appointway WordPress Theme' started by pupwild, May 13, 2013.

  1. pupwild

    pupwild Member

    Joined:
    Jan 11, 2013
    Messages:
    126
    Likes Received:
    0
    How can I change the size of the picture slider? I want to change the height. Is this possible?
     
  2. Harmeet

    Harmeet Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    360
    Likes Received:
    15
    Put the following code in your custom css

    Appearance -> theme options -> styling options -> custom css

    .flexslider {
    height: 347px;
    }
    .flexslider .slides li img {
    height: 345px;
    }

    Change the value according to your requirement
    This will solve your problem.
     
  3. pupwild

    pupwild Member

    Joined:
    Jan 11, 2013
    Messages:
    126
    Likes Received:
    0
    It looks good on a computer but becomes stretched on the iphone. Please advise.
     
  4. 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:
    @media only screen and (max-width: 480px){
    .flexslider .slides li img{
    height:145px!important;
    }
    .flexslider {
    height: 147px!important;
    }
    }
     
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .flexslider .slides li img{
    height:227px!important;
    }
    .flexslider {
    height: 229px!important;
    }
    }
     
    @media only screen and (max-width: 960px) and (min-width: 767px){
    .flexslider .slides li img{
    height:215px!important;
    }
    .flexslider {
    height: 217px!important;
    }
    }
    This will solve your issue.
     

Share This Page