Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 27, 2014 at 11:10 am #325925
    seanchk

    Hi there,

    How do I reduce the padding between elements?

    I have a text block and a masonry gallery below it. The Text block is to give the gallery a title, but there is a 100px+ (maybe 105px) gap between the Title and the Gallery….

    It looks dreadful.

    Its the same with all the different blocks…. to much space between them.

    How can I close up the gaps between things?

    Thanks!

    September 27, 2014 at 12:34 pm #325942
    seanchk
    This reply has been marked as private.
    September 27, 2014 at 12:38 pm #325943
    seanchk
    This reply has been marked as private.
    September 28, 2014 at 8:15 am #326117
    Ismael

    Hi!

    Thank you for using Enfold.

    You can add this on Quick CSS or custom.css to adjust the default content padding:

    .content, .sidebar {
padding-top: 10px;
padding-bottom: 10px;
}

    Instead of using the text block, try to use the Special Heading element for the title.

    Regards,
    Ismael

    September 28, 2014 at 10:27 am #326123
    seanchk

    Hi Ismael,

    Thank you for the help.

    I also discovered I can use the separator/whitespace element with a negative value to shrink the spacing between elements.

    Cheers!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Reduce padding between elements?’ is closed to new replies.