My Header Element is Wider than the Body of my Page.

Hi Catbiscuits,

Let’s start with changing the forum Display Name, if that’s what you’re referring to.

It can be change through this link: https://generatepress.com/account/

With regards to the documentation, it’s a constant work in progress, and our team is constantly updating and adding new docs to help our users further. We’ll try to improve them more. Thank you for the feedback!

With regards to the spacing causing the disparity in the width of the header and the content, in Appearance > Customize > Layout > Container, can you try setting the Content Padding values to 0?

Kindly let us know how it goes. :)

Hi Fernando,

Thanks so much. Oh jeez, Container Padding. I remember that from the bad old days in Drupal, but I'm glad to get such fast, courteous, and insightful support. Yes, that worked. Much, better!

You’re welcome Catbiscuits! Glad to be of assistance!

Is there any way to pad the sides of the whole page, e.g. the container for header, the body, and the footer by a few pixels?

Are you planning to reduce the width of your site?

Perhaps you can try reducing the Container Width in Appearance > Customize > Layout > Container?

This in turn should alter the width of the whole page.

Otherwise, if you want to add padding, you’ll need to alter them in the Customizer. Specifically, in Appearance > Customize > Layout > Container, Header, and Footer.

Hope this clarifies!

Hi Fernando,

Let me be super specific. The goal is to deal with iPads (big enough that they don't use the mobile theme) and other small screens in which the text in the body is right up against the edge of the screen. I'd like a little space between the text and the side. It works if I add a couple of pixels of padding to the container in the customizer, but then the background image of the header pokes out a couple of pixels past the container. If I add padding to the header (I am using a header element), that makes the text in the header move, but not the background. I suppose the problem is that I am using a background image, but I don't really want to rebuild the header element completely (esp. because I don't fully understand how it works). I think in the end I will probably replace the background image with a drawing that is white at the ends and that will take care of it, but if that doesn't fly with the nonprofit, it would be good to come up with another solution.

(PS no way to change my profile picture is there?).

Starting with the Profile Picture, the forum gets the image Gravatar: http://en.gravatar.com/. The email you used here should be the email used in Gravatar.

Thank you for clarifying.

If that’s the case, one approach is to add this CSS in Appearance > Customize > Additional CSS:

@media (min-width: 769px) and (max-width: 1024px) {
    body {
        margin-left: 5px;
        margin-right: 5px;
    }

    .header-wrap {
        margin-left: 5px;
        margin-right: 5px;
    }
}

This would add margins to your entire site on Tablet view solely.

Kindly let us know how it goes.

That worked great! Super.

So there is one last thing. Take a look at the front page of my development site right now. http://staging.networkedpublics.org/

I have tried using grids, I have tried using columns, but try as I might, I can’t figure out why the headline and the top of the photo don’t align.
[img]https://i.ibb.co/2s2jbMv/01-CA0195-EB11-4645-91-E4-43-FB8026-C568.jpg[/img]

You’re currently using a WP Columns Block. Can you try using a GB Grid Block instead? This would give you more options to modify the spacing, and it should allow you to align them properly at the top.

Reference: https://docs.generateblocks.com/article/grid-overview/

The upcoming update of GenerateBlocks also has an Image Block which has spacing options: https://generateblocks.com/generateblocks-1-5-dynamic-data-query-loops-image-blocks/

Hope this helps!