Trying to create hook above primary navigation - how do I get rid of dead space?

Hi there,

The H6 element has 20px bottom margin attached to it.

If you want HTML then i suggest you add a container with some classes for styling eg.

then you can add some CSS eg.

.custom-top-bar {
    background-color:#3b6884;
}

.custom-top-bar h6 {
    margin-bottom: 0;
}

Alternatively use a Block Element with the GenerateBlocks plugin - you can build and style directly in the editor then :)

I tried this but it does not seem to stick/do anything. is custom-top-bar the correct call for it when I use the hook functionality? Should I use a different text version instead of H6? OR approach this entirely different?

I've not managed to make it work with block element either.

Hi Alexander,

What David meant was to add something like a <div> to wrap the<h6>.

So the content you add to the hook would be:
<div class="custom-top-bar"><h6>Get a Free Ebook</h6></div>

Then the CSS David provided should work:

.custom-top-bar {
    background-color:#3b6884;
    text-align: center;
}
.custom-top-bar h6 {
    margin-bottom: 0;
}

Let me know if this helps :)

That worked, thank you very much! Still learning a lot about these class tags and how they respond to different things like calling up a pop-up or custom CSS like this.

Issue marked as resolved. :)

You are welcome :)