Reduce H1/post title padding

  • Resolved jesslyndw

    (@jesslyndw)


    3 years ago

    Hi all,

    How can I reduce the amount of padding below the H1 post title on all posts? The large gap is unnecessary.

    It’s part of the title-box-inner.container, but when I try to customize the CSS no changes take place.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author Toshihiro Kanai

    (@mirucon)

    Hi!

    I think the CSS selector you are trying to modify is correct, it’s just a problem with the specificity.

    The CSS code below should work as you expected:

    body .title-box-inner {
  padding-top: 40px; // 40px is default. Reduce the value for narrower gap.
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}
@media screen and (max-width: 640px) {
  body .title-box-inner {
    padding-top: 40px; // These are for mobile devices.
    padding-right: 10px;
    padding-bottom: 40px;
    padding-left: 10px;
  }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Reduce H1/post title padding’ is closed to new replies.

Tags