[Resolved] Padding for pages and posts

Home Forums Support Padding for pages and posts

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #516844
    Radu

    Hi Tom,

    I am trying to achieve the following:
    Build a website with landing pages (wordpress pages) and blog section (wordpress posts). I would like to get rid of the sidebar on pages (keep sidebar on articles and blog section only) and use full content. However, the text/paragraphs are too long for easy reading, so I use “content padding” option to increase text margins on the body of pages. However, the “content padding” option affects both pages and posts.

    What’s your recommendation for best achieving this? Should I use custom css on each page for increasing text margins?

    Do you think it would be a good idea to add to GP Customizer the option of editing text margin separately for pages and posts?

    I could use Elementor for editing each page, but I am trying to keep things as simple as possible.

    Thanks,
    Radu

    #517046
    Leo
    Staff
    Customer Support

    Hi there,

    So what are the problems you are running into?

    Just the content padding?

    Can you link me to what you have so far?

    You can edit the original topic and use the private URL field.

    Let me know 🙂

    #517120
    Radu

    Hi LEO,

    I want different values for text padding in pages and posts.
    x padding in pages and y padding in posts and blog page.
    In customizer, editing text padding affects everything (posts, pages etc.)

    Thanks,
    Radu

    #517377
    Leo
    Staff
    Customer Support

    We don’t actually have text padding option in the customizer.

    Are you referring to line height?

    Let me know 🙂

    #517379
    Radu

    Personalize – Arangement – Container – Content padding

    #517444
    Tom
    Lead Developer
    Lead Developer

    Set the content padding to what you want in the blog and posts within the Customizer.

    Then add this CSS:

    .page.separate-containers .inside-article,
    .page.one-container .site-content {
        padding: 30px;
    }
    #519582
    Radu

    Thanks Tom. That is what I was looking for.
    And for setting the padding on mobile devices?

    Thank you!
    Radu

    #519630
    Leo
    Staff
    Customer Support

    It would be something like this:

    @media (max-width: 768px) {
        .page.separate-containers .inside-article,
        .page.one-container .site-content {
            padding: 30px;
        }
    }

    More info here if you are interested: https://docs.generatepress.com/article/responsive-display/

    #519725
    Radu

    Perfect! Thanks!!

    #519893
    Leo
    Staff
    Customer Support
    #856426
    Edwin

    Hi

    I need it the other way around. Padding only for Post pages.

    Thanks

    Edwin

    #856435
    Leo
    Staff
    Customer Support

    Try this:

    @media (max-width: 768px) {
        .blog.separate-containers .inside-article {
            padding: 30px;
        }
    }

    If this doesn’t work, please open a new topic and link us to the site in question.

    Thanks!

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