Navigation
Archive / Manipulate Spacing above and below headers
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 28, 2016 at 1:40 am #1150237
    Justin L
    Participant

    Hi there. I’m trying to manipulate the spacing above and below my different headers (blog-wide) as seen in the image. I’ve tried 

    h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 5;
  margin-top: 0;

}

    But that doesn’t work for the area below the header, and it only works in a limited way for the area above the header–it’s all or nothing, a huge space or no space at all. I want fine, granular control.

    Thanks

    August 28, 2016 at 1:47 am #1150242
    Christopher
    Moderator

    Hi there,

    Please provide us with URL of page in question.

    Thanks.

    August 28, 2016 at 1:59 pm #1150718
    Justin L
    Participant
    This reply has been marked as private.
    August 28, 2016 at 4:52 pm #1150812
    Rad
    Moderator

    Hi there,

    It’s not just the headline that has space, the paragraphs too since they are wrapped in <p></p>. It has 1.5em padding.

    Remove the line breaks between text and your head line, it doesn’t need lin breaks because the headline itself is a block element.

    Thanks!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1150237 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>