Header Image Smaller

  • Unknown's avatar
    pagestaltcenter · Member ·

    Is there anyway to make the header image smaller with CSS?

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hallluke · Member ·

    You can reduce the padding around the hero section which has the same effect as making the image take up less vertical space:

    .hero.with-featured-image,
body[class*="front-page"] .hero {
  padding: 50px 0;
}

    I’ve noticed that the hero content has an empty h1 and p HTML tag in at the end, you could delete these if you want to make the top and bottom padding more even as they’re adding some extra space at the bottom.

  • The topic ‘Header Image Smaller’ is closed to new replies.