Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 14, 2013 at 9:27 pm #24846
    border

    I’m looking to remove the space/padding above and below the slider on the home page. Not sure what code to edit to accomplish this.

    I’d like the bottom of the menu to align right up against the top of the slider and stay there, so there’s no white space like there is now. I’d like the same to happen right below the slider.

    Also, anyone know why it looks like there’s 1 or 2 pixels added to the bottom of the slider image after scrolling (except towards the edges of the image)?

    Here’s the site:

    http://goo.gl/wRAKy

    Thanks!

    June 15, 2013 at 6:50 am #124964
    Ismael

    Hi,

    Please add this on your custom.css or Quick CSS

    .fixed_header.social_header #main {
    
padding-top: 90px;
    
}
    

    
.template-page.content.twelve.alpha.units {
    
padding-top: 0;
    
}

    Regards,

    Ismael

    July 18, 2013 at 5:48 am #124965
    siobhan13

    Hi Ismael,

    I would like to remove the padding below the slider on my homepage too, but not sure the top CSS is right for my site.

    http://etool.net.au

    Please can you advise?

    Thanks, Siobhan

    July 18, 2013 at 11:24 am #124966
    Ismael

    Hi,

    The space below the slider is cause by a horizontal rule element. You can decrease the padding or remove it.

    Regards,

    Ismael

    July 19, 2013 at 12:07 am #124967
    siobhan13

    Hi Ismael,

    Thanks for the info.

    I’ve got the full horizontal ruler on quite a few pages and when you insert it there’s no option to reduce the padding.

    Example page: http://etool.net.au/portfolio/office-warehouse/

    I used firebug to find the CSS and got this code – }

    .hr-full {

    padding: 0px 0 0px

    }

    But it doesn’t seem to work. Any ideas?

    Thanks, Siobhan

    July 19, 2013 at 6:04 am #124968
    Dude

    Hi!

    It seems like you’re using a “short” hr on this page – you can use following code to reduce the margin

    .hr-short {
    
margin: 10px 0;
    
}

    Regards,

    Peter

    July 24, 2013 at 3:37 am #124969
    siobhan13

    Hi Peter,

    Thanks for the code. I had the same issue with the full horizontal ruler on the homepage – http://etool.net.au/

    So just used this code and it looks fine now!

    .hr-full {

    margin: 40px 0;

    }

    Thanks, Siobhan

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Remove Space above/below slider’ is closed to new replies.