[Support request] Post Header – single Posts – custom padding / margin

[Rolf]

Hi, I would like to change the look of my post header on single posts.
There is this thin green line, an image.
The space before and after the image should be the same. https://monosnap.com/file/R4tsXGl8u4A6KQNytcRqVaKLIyYHh9

This is the CSS: https://monosnap.com/file/af4ywRc30OIfnfQkxdkQlJHd8c6scY
This is the post header element: https://monosnap.com/file/Bn6bxLE8kxu7gYlgdaiytWKZTKO6ri
thanks for help!

[David]

Hi there,

probably the the bottom margin on the H1, try this CSS:

.page-hero .inside-page-hero .inside-header h1 {
    margin-bottom: 0.25em; /* adjust accordingly */
}

If not could you share a link to a page with the header on.

Just a note the .inside-header class is used in the Theme site header, not sure if you’re using that class for any specific reason to attract those styles….

[Rolf]

Hi David, it seems to work see https://freshvanroot.com/blog/2019/web-design-where-inspiration/

I use custom CSS for .inside-header to render a special width for the headers on single posts.

[David]

Awesome. Haha i also use that class to maintain header width and sometimes alignment 🙂

[Author]

Posts