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

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

Home Forums Support H1 Post Title and footer category – padding on Page

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1631066
    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

    #1631524
    David
    Staff
    Customer Support

    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;
    }
    #1631580
    Atefan

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

    #1631782
    Ying
    Staff
    Customer Support

    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

    #1632105
    Atefan

    Hi Ying, sorry my fault,
    please check again.

    Thanks

    #1632108
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1632120
    Atefan

    Thank you very much! perfect

    #1632124
    Elvin
    Staff
    Customer Support

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

    A wise man once said:
    "Have you cleared your cache?"

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.