Reduce bottom spacing in front page overlay box

  • Resolved Deanna

    (@busy-little-bird)


    9 years, 5 months ago

    Is there a way to reduce the blank space at the bottom of the front page overlay box? There’s more space at the bottom than I’d like. I’ve already set the bottom padding to 0px.

    .hero-container-inner .hentry {
    padding-top: 15px;
    padding-bottom: 0px;
}

    My site: https://www.abusylittlebird.com

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi there!

    Hope I’ve understood you correctly – is this what your trying to achieve?

    Screenshot

    If so, try this snippet of code:

    .front-page-content-area .with-featured-image .entry-content {
  margin-bottom: 0;
}

    Lovely site by the way ??

    I hope that helps!

    Luke the Daft Duke

    Thread Starter Deanna

    (@busy-little-bird)

    Yes, that’s better! Before I add this, do I delete the other one, or add to it? Newbie, I am…

    I just tried deleting it and it seemed to have no effect so I would say remove it and add in the new code ??

    Thread Starter Deanna

    (@busy-little-bird)

    No success. Maybe tied to the other problem I’m having (see my other post regarding menu bar color).

    If you’d like to take a look at that one too, I’d appreciate it!

    Try pasting your original code back in so both snippets are there.

    Thread Starter Deanna

    (@busy-little-bird)

    Luke. Perfect!

    Thank you for your help! ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Reduce bottom spacing in front page overlay box’ is closed to new replies.