[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.

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

[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.

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

[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;
}

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

[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;
}

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

[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

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

[Atefan]

perfect!
Thank you

[David]

Glad we got there 🙂

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

[Author]

Posts