No side margins to speak of on full width page and posts

  • Resolved anoctave

    (@anoctave)


    8 years, 7 months ago

    Hi,
    I’m sorry to bother you again, but I’m having difficulty finding the class or id I should style to get margins on a full width page. Here is an example: https://www.dj-group.org/private/wordpress/wordpress,4/christian-formation/

    On my laptop screen, which is just under 1600 pixels, there are left side margin of about 40px on the left side and even less on the right side. I would like margins of at least 10% on both sides, possibly as high as 15%. I looked at the page source for the page and tried ever id and almost every class to put in space on either side with no success. I don’t really care whether it’s margins or padding, but the line of text is just too long to be comfortable reading. And visually, it needs some white space.

    Having no success with the code from the page source, I looked at the temmplates themselves: loop.php and the full-width.php. Since I am not versed in PHP, that was mind-boggling.

    Where do I go to style this? And I see that it’s going to be a problem on posts as well.

    I hope you can help me out.

    Thanks,
    Barbara

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    Hi Barbara….there is a way that you can adjust the width of the content area, but were you wanting to do this just for that one page or all pages?

    Thread Starter anoctave

    (@anoctave)

    I want to do it on all posts and when I select the full width page. In other words, it should be a global solution.

    Thank you.

    Theme Author Shaped Pixels

    (@shaped-pixels)

    This might help:

    .entry-content {
    max-width: 1024px;
    margin: auto;
}

    You can adjust the width to your preference. Make sure it uses max-width so that it remains fluid for mobile devices.

    Thread Starter anoctave

    (@anoctave)

    Great. That worked. But the same approach doesn’t work on the class entry-footer. It sticks out at the edge.
    https://www.dj-group.org/private/wordpress/wordpress4/hello-world/

    How do I get that to scoot in?

    Theme Author Shaped Pixels

    (@shaped-pixels)

    Actually, I think this might work better:

    .hentry {
    max-width: 1024px;
    margin: auto;
}
    Thread Starter anoctave

    (@anoctave)

    It does work for the entry content but, unfortunately, doesn’t affect the entry footer

    Theme Author Shaped Pixels

    (@shaped-pixels)

    It should be OK for the entry-footer because the footer is inside the .hentry container.

    Are you referring to the space to the right of your xxxxxxx and the line is stretching out to the right of that? If so, that is because your line of content is not long enough, or you need to shorten the max-width of the .hentry to something less.

    Thread Starter anoctave

    (@anoctave)

    I did it styling .post-navigation with the max-width and the auto margins!

    OK!!!

    Thanks for your patience.

    Thread Starter anoctave

    (@anoctave)

    Forgot to close the topic. BTW, the problem was to the left. But it’s all good now.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘No side margins to speak of on full width page and posts’ is closed to new replies.