Setting Site Width with Blocks

  • OscarGuy

    (@oscarguy)


    6 months ago

    I used blocks to design off the 2023 theme and I have it mostly the way I want it but it seems to default to 100% browser width and I want to set it to a fixed width but I cannot find any settings to accomplish this. I can set the widths of individual blocks but not for the site as a whole. The header and footer don’t seem to have width settings nor does anything in between. I’ve managed to get the columns all set to the width I want but they just sit on the far left of the page. I can’t even center them, not that I would want to with the header and footer stretching out beyond them. Anyway, I can’t seem to find anywhere to add in “Additional CSS” to make those changes as everything takes me back into the block editing area.

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello. Show your website please. It’s hard to understand what’s going on without being able to see the website.

    Thread Starter OscarGuy

    (@oscarguy)

    https://www.cinemasight.com

    Thread Starter OscarGuy

    (@oscarguy)

    And I also need to center the whole thing rather than letting it sit left-aligned.

    Are you editing CSS in the admin panel or in the site code?

    • This reply was modified 5 months, 3 weeks ago by Roman.
    Thread Starter OscarGuy

    (@oscarguy)

    I’m using blocks, which doesn’t make it easy to add CSS. I found out where to do it but this was entirely designed through block editing off the 2023 theme.

    You have a repeating container “wp-block-columns” on your site that wraps blocks. You can add CSS code to the footer.php or to the style.css and the content will be centered.

    .wp-block-columns { justify-content: center;}

    For the header, you need to enter the width manually, if it is not possible through the admin panel. But you need to test it carefully and well.

    Thread Starter OscarGuy

    (@oscarguy)

    There’s nowhere to put in a width for the header, that’s part of my problem. I can set width for the various column blocks, which is how I’ve managed to get everything to the width I want but that doesn’t seem to impact the header.

    Won’t setting justify-content: center just make every single column on the site center when some of them have content that I don’t want to center?

    And why can you adjust the footer width but not the header width?

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