Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #24846

    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!

    #124964

    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

    #124965

    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

    #124966

    Hi,

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

    Regards,

    Ismael

    #124967

    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

    #124968

    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

    #124969

    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

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

The topic ‘Remove Space above/below slider’ is closed to new replies.