Slider height makes page jump when it changes

Discussion in 'Woodberry WordPress Theme' started by edandrea, Jan 16, 2014.

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

    edandrea New Member

    Joined:
    Nov 25, 2013
    Messages:
    19
    Likes Received:
    2
    Location:
    Bellevue, WA
    I have a lot of text in slider. It makes all the sliders different heights. This makes the bottom of the page jump to adjust to the height each time the slide changes. How can I make all the sliders the same height and stop the jumping?

    I tried fixing the container height, but that didn't seem to work.

    Thanks
    Ed
     
    smith likes this.
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  3. edandrea

    edandrea New Member

    Joined:
    Nov 25, 2013
    Messages:
    19
    Likes Received:
    2
    Location:
    Bellevue, WA
    smith likes this.
  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:
    #slides {
    height: 506px;
    }
    

    This will solve your issue.


    Thanks & Regards
    Gourav Shrivastava
     
  5. edandrea

    edandrea New Member

    Joined:
    Nov 25, 2013
    Messages:
    19
    Likes Received:
    2
    Location:
    Bellevue, WA
    It did stop the page from jumping. It might be good to also set the height on the text area as well, so that the navigation buttons don't jump. I can live with this solution, but if there is a better solution, please let me know.

    Thanks
    Ed
     
  6. 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:
    #slide-box {
    height: 430px;
    }
     
    This will solve your issue.
     
  7. edandrea

    edandrea New Member

    Joined:
    Nov 25, 2013
    Messages:
    19
    Likes Received:
    2
    Location:
    Bellevue, WA
    Thank you. That fixed the problem.
     
Thread Status:
Not open for further replies.

Share This Page