Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

How to increase space between Top Bar & Site Title

  • Cowanify
    April 3, 2025 at 4:47 pm

    Hi there,

    I am hoping you can tell me how to control (decrease) the amount of space between the Top Bar and the Site Title? ie between the pink text and the “Lay Me A Rainbow” on my homepage. Link included below.

    In the same vein, I’d also love to decrease the space between the Site Title and the Menu Nav on this same page if possible?

    Hope you can help?

    Thanks heaps,
    Jane

  • Alvind
    April 3, 2025 at 7:38 pm

    Hi there,

    Try adding this CSS:

    .top-bar p {
    margin-bottom: 0;
}

#masthead .inside-header {
    padding-bottom: 0;
}

    Adding CSS: https://docs.generatepress.com/article/adding-css/

  • Cowanify
    April 3, 2025 at 8:12 pm

    Thank you so much, that worked! No way to get the space even smaller, is there?

    Cheers
    Jane

  • Alvind
    April 3, 2025 at 11:27 pm

    You can replace the previous CSS with this:

    .top-bar p {
    margin-bottom: 0;
}

.inside-top-bar.grid-container {
    padding-bottom: 0;
}

#masthead .inside-header {
    padding-bottom: 0;
    padding-top: 10px;
}

    Simply adjust the padding-top value according to your preference.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.