Center Page

  • Resolved pabirds

    (@pabirds)


    1 year, 8 months ago

    I am using the Twenty Twenty-two theme.

    I want to center the entire page.

    The header is centered, but the rest of the page is left-justified.

    I tried adding body {margin: auto;} to the “Additional CSS codes”, but that didn’t do anything.

    Any suggestions? Or is there a comparable theme that includes centering of the entire site?

    The page I need help with: [log in to see the link]

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

  • Adding below css may fix the issue.

    body .is-layout-constrained > .alignwide {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.wp-block-columns {
display: flex;
justify-content: center;
}

    Thanks !

    Change in your CSS
    1. Remove the padding from this wp-block-group alignfull is-layout-constrained class and change margin in this wp-site-blocks .alignfull class
    2. Instead try adding this CSS code 

    .wp-block-columns is-layout-flex wp-container-13{
display: flex;
justify-content: center;
}

    Maybe it helps you.

    Thread Starter pabirds

    (@pabirds)

    The first solution above worked.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center Page’ is closed to new replies.