Setting button element to block extends to full width

  • je0
    June 27, 2026 at 4:00 pm

    Why?

    If I try to work around it by manually setting width to something less than full width, it causes GeneratePress to malfunction and button looks different in the builder vs published version.

    Also generally having an infuriating time getting things to center in GP. Spent 2 hours on a footer and it is slightly off to the left despite margin: 0 auto settings, not sure why.

    When I plug this code into an html file and view the result, the button is not full width. So I know I am not insane!:

    <html>
    <body>
    <section style=”width: 800px”>
    <button style=”display: block; margin: 0 auto”>hello</button>
    </section>
    </body>
    </html>

    I have used Kadence, Divi, Salient, Elementor among others and I have never seen anything like this. Web server is using PHP 7.4 and using Arborist starter theme in case there are known issues with those. Buggy as all hell and not working as expected.

  • je0
    June 27, 2026 at 4:18 pm

    I managed to center the web site footer by applying a 120px left padding (with margin: 0 auto settings), but I don’t understand why this is necessary.

  • je0
    June 27, 2026 at 5:56 pm

    Then I had to remove the padding on mobile to make that display correctly 🙂

  • je0
    June 27, 2026 at 6:05 pm

    Alright, realized the footer was fucking up my mobile viewport so I’ve removed it for now.

    Please advise how to create this incredibly simple footer using GP without messing up everything else: https://imgur.com/a/gBulmWc

    I tried two YouTube tutorials, your documentation, and troubleshooting… no dice!

  • je0
    June 27, 2026 at 6:39 pm

    Alright, here’s one more for tonight. Here is how this section looks in editor: https://imgur.com/a/SBCTEXq

    When I publish the left photo is cropped inexplicably: https://imgur.com/a/VU29x69

    Verified there are no width settings on the right headline, paragraph or container. Left image has a static width of 550px. Makes no sense.

    I am… doing my best to maintain good faith here.

  • Alvind
    June 28, 2026 at 11:10 pm

    Hi there,

    For the footer issue, could you try adding it again so we can take a look and advise what might have gone wrong?

    I believe it should be a simple issue to identify once we’re able to inspect it.

    Regarding the cropped photo, this is what I see on my end:

    https://cln.sh/R9KTHg9LC5hBPc6LsqCg

    I believe that’s how the image is supposed to look, correct? Please let me know.

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