[Resolved] H1 Post Title and footer category – padding on Page

[Atefan]

Hello,

in this topic

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

we been able to enlage the padding on a post, but what about on a Page?

Thanks

[David]

Hi there,

you would need to include some rules for the pages:

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

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

[Atefan]

yeah, this worked, but see on the given url, the date is still on the left.
thank you

[Ying]

Hi Atefan,

I didn’t find the date on this page, could you specify the location of the date? Thanks!
https://www.screencast.com/t/QfaWIAlS2S

[Atefan]

Hi Ying, sorry my fault,
please check again.

Thanks

[Elvin]

Hi,

We can modify David’s CSS a bit to add the selector for the entry meta.

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

I simply added .page.full-width-content .entry-meta.

After applying this change, This is how it would appear: https://share.getcloudapp.com/kpu7PPY8
The red box indicated the padding being applied to the entry meta as well.

[Atefan]

Thank you very much! perfect

[Elvin]

Nice one. No problem. glad to be of any help. 🙂

[Author]

Posts