Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 23, 2015 at 8:02 pm #541138
    cab72

    Hi There,

    Just need a little help reducing the top and bottom padding/margins on the full-width separator.

    I’ve tried inserting a whitespace separator with a negative value between the full width separator and content but with no luck.

    Any ideas? Thanks a lot :)

    Carole

    November 23, 2015 at 10:44 pm #541228
    Elliott

    Hey cab72!

    Add this to a codeblock element in the page.

    <style type = "text/css">
.hr {
    margin: 20px 0px !important;
}
</style>

    Cheers!
    Elliott

    November 26, 2015 at 1:42 am #542807
    cab72

    Hi Elliott,

    This worked great! Thanks very much.

    Cheers
    Carole

    November 26, 2015 at 8:49 am #542905
    Rikard

    Hi,

    Great, glad we could help :-)

    Best regards,
    Rikard

    November 29, 2015 at 6:29 pm #544176
    cab72

    Thanks Rikard,

    Can I ask one more thing? I’d like to reduce the padding/margin at the bottom of the partner logo grid too. Just where it meets the footer.

    There’s an example of the kind of spacing I need on this site…. https://www.cassart.co.uk/ – just above the dark grey footer space are a line of product logos and the padding/margins are very neat.

    Is it possible to do this?

    Thanks for your help!
    Carole

    November 29, 2015 at 7:32 pm #544181
    Basilis

    Hey!

    Just checked and I can see the paddings been really small. Do you want to make them smaller from that?
    If so, the area is been controlled from #index-brands

    Let us know if you do have more questions

    Best regards,
    Basilis

    November 29, 2015 at 7:52 pm #544185
    cab72

    Hello Basilis,

    Yes I’d like the padding to be very neat.

    I’ve tried this .index-brands {padding-bottom: 0px; margin-bottom:0px;} and this #index-brands {padding-bottom: 0px; margin-bottom:0px;} in the custom css. Neither worked.

    Any ideas?

    Thanks
    Carole

    November 30, 2015 at 6:06 am #544295
    Rikard

    Hi,

    Try the following for the bottom padding:

    .home .content {
    padding-bottom: 10px !important;
}

    You should be able to adjust the top yourself by editing the divider element above it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.