Reduce Height of Image in Slider

Discussion in 'Woodpecker WordPress Business Theme' started by dbrthium, Feb 1, 2014.

  1. dbrthium

    dbrthium Guest

    Joined:
    Dec 17, 2013
    Messages:
    5
    Likes Received:
    0
    Looking for a way to adjust the slider image to only 600px in height.

    Thanks!
     
  2. dbrthium

    dbrthium Guest

    Joined:
    Dec 17, 2013
    Messages:
    5
    Likes Received:
    0
    I think I actually figured it out, based upon another thread, by adding

    .nivoSlider img {
    height: 600px;
    }

    in custom css section of styling options.
     
  3. dbrthium

    dbrthium Guest

    Joined:
    Dec 17, 2013
    Messages:
    5
    Likes Received:
    0
    hmmm, no, that only seemed to work with the first cycle, after that the images seem to jump.

    still looking .... thanks!
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .nivoSlider {
    height: 600px;
    }
    .nivoSlider img {
    height: 100%;
    } 
     
    This will solve your issue.
     
  5. dbrthium

    dbrthium Guest

    Joined:
    Dec 17, 2013
    Messages:
    5
    Likes Received:
    0
  6. dbrthium

    dbrthium Guest

    Joined:
    Dec 17, 2013
    Messages:
    5
    Likes Received:
    0
    The images are 1600px x 650x.
     
  7. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    You have fixed the height that's why the image is jumping after first cycle.
    Undo all the customization for this and use fixed size of images for the slider.
    This will solve your issue.
     

Share This Page