[Resolved] H1 Post Title and footer category – padding

[Atefan]

Hello,
I have a problem on Post,
the Page Title H1, sticks to the left and down the category same. both desktop or mobile view.
content in between I’m able to adjust to my needs, but why not the H1 Titel on top and category folder icon bottom?

[David]

Hi there,

that page has its Content Container set to Full Width:

https://docs.generatepress.com/article/content-container/

Is there any reason for that ? As this option removes the container padding.

[Atefan]

Yes, as I like to get the coloured container all over, no padding left right.

[David]

You can simply set the Customizer > Color > Body –> Background color to match your container color.

[Atefan]

But I would like on each post or page different colour on some containers, for overlapping.
customizer, works for all over, right.

[David]

Try adding this CSS:

.single-post.full-width-content .entry-header {
    max-width: 1200px;
    padding: 0 40px;
    margin: auto;
}

[Atefan]

Yep, this worked for the title, great, only the down part, category and tag, before the footer. you have a css for this too?
thanks

[David]

Oh my sorry about that – just refilling my Coffee lol – use this CSS – i have included the Comments Form as well

.single-post.full-width-content .entry-header,
.single-post.full-width-content footer.entry-meta {
    max-width: 1200px;
    padding-left: 40px;
    padding-right: 40px;
    margin: auto;
}

And that footer meta could do with some space below it – for that you can add this:

.single-post.full-width-content footer.entry-meta {
    padding-bottom: 40px;
}

[Atefan]

no problem 😉

Yes, it looks good, but how to remove the comments line, as comments been fine, and with this now, it gets to narrow.

[David]

Edited the CSS here:

https://generatepress.com/forums/topic/h1-post-title-and-footer-category-padding/#post-1608273

[Atefan]

perfect!
Thank you

[David]

Glad we got there 🙂

[Author]

Posts