Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #929

    Hi,

    underneath the slideshow on the homepage, there is that area for the thumbnails and the button, and a thin grey line marks the end of that area.

    How can I move up that thin grey line, the thumbnails and the button? I want to do this so that the overall height of that area is a little less, and thus a bit more of the content underneath gets displayed above the fold.

    Thanks!

    #33404

    Hey,

    To cover things one at a time:

    1.) To move the thumbnails up a bit, adjust the value of the “top” entry in this CSS (style.css line 553):

    .slideshowThumbs {
    float:left;
    left:16px;
    position:absolute;
    top:25px;
    }

    2.) For the big button, adjust the value of the “top” entry in this CSS (style.css line 613):

    #top .big_button {
    float:none;
    left:auto;
    position:absolute;
    right:3px;
    top:22px;
    }

    3.) For the images / button area (between the bottom of the featured slider and the grey line) adjust the height of this CSS (style.css line 61):

    #wrapper_featured_stripe  {
    height:135px;
    z-index:1;
    }

    Cheers,

    James

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Mainpage Slideshow – Reducing height of area for thumbnails & button’ is closed to new replies.