[Resolved] How to get rid of the left and right padding inside the post?

Home Forums Support [Resolved] How to get rid of the left and right padding inside the post?

Home Forums Support How to get rid of the left and right padding inside the post?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #623727
    Jesus Higuerey

    Hi,

    I bought Generatepress Pro yesterday and its going wonders.

    Though I am having some issues of trying to get rid of (I am guessing padding?) on the post page

    Take a look: http://prntscr.com/k6h7lh

    The option of adding padding to the featured image is disabled.. What can I do there?

    Also, the post title and the meta was aligned with the image by adding “margin-left” which makes it look perfect. But.. I added that code and on the front page now it looks kinda off..

    This is the css I added

    .entry-header {
        word-wrap: break-word;
    		margin-left: 130px;
    }

    Take a look: http://prntscr.com/k6h8zm

    Here is the link to the site: https://dev.jhsrv.com

    Any recommendations?

    Thank you

    #623796
    Leo
    Staff
    Customer Support

    Hi there,

    Not 100% what you mean but I’ll give it shot.

    The space here is because your featured image isn’t wide enough to fill the container:
    http://prntscr.com/k6h7lh

    Perhaps you can consider increasing the feature image width or reducing the container width?
    https://docs.generatepress.com/article/container-width/

    If you still prefer to use the CSS to align them, then you need to target the CSS to single post only:

    .single .entry-header {
        word-wrap: break-word;
        margin-left: 130px;
    }
    #623801
    Jesus Higuerey

    Hi Leo,

    I changed the container size but the thing is that it also changes the size on the front page which is what I don’t want.. Is there any other way of changing the size of that specific container (blog post container) without changing the size of the main container on the front page?

    In terms of the other problem I had, everything is now good, I added the .single and now on the front page is showing properly.

    #623895
    Leo
    Staff
    Customer Support

    Try this CSS to change the container width of single posts:

    body.single .site.grid-container {
        max-width: 936px;
    }

    Remember to remove the CSS you’ve added:

    .single .entry-header {
        word-wrap: break-word;
        margin-left: 130px;
    }
    #624271
    Jesus Higuerey

    Hi Leo,

    Everything is now working smoothly.

    One last thing, is there a way to do this? http://prntscr.com/k6plxl

    Currently the layout is the following, Featured Image, Title, date-author and lastly the excerpt ( http://prntscr.com/k6pm9n )

    Is there a way to change that layout to, featured image, title, excerpt and then the date-author just like this: http://prntscr.com/k6plxl

    #624426
    Leo
    Staff
    Customer Support

    That would be a more complicated.

    Can you open a new topic so I can mark this one resolved?

    Thanks!

    #624428
    Jesus Higuerey

    Never mind with the things I mentioned above. I had a change of mind

    Everything is good now

    #624431
    Leo
    Staff
    Customer Support

    Awesome 🙂

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