• Hi,

    When I use the frontend editor my full-width pages appear centered, but when I preview the staging site the content is over to the left.

    Post pages are fine.

    Here are two screenshots – one from the back end and one from the staging site. You can see that the live site is left aligned.

    https://postimg.cc/gallery/1jy8lliw8/

    Please help!

Viewing 1 replies (of 1 total)
  • Thread Starter claudelemonde

    (@claudelemonde)

    Current CSS for that section:

    7c. Template: Full Width
    /* ————————————————————————– */

    body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
    body.template-full-width [class*=”__inner-container”] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 120rem;
    }

    body.template-full-width .entry-content .alignleft,
    body.template-full-width .entry-content .alignright {
    position: static;
    }

    body.template-full-width .entry-content .alignleft,
    body.template-full-width [class*=”wp-block”].alignwide [class*=”__inner-container”] > .alignleft,
    body.template-full-width [class*=”wp-block”].alignwide [class*=”__inner-container”] > p .alignleft,
    body.template-full-width [class*=”wp-block”].alignwide [class*=”__inner-container”] > .wp-block-image .alignleft {

    /*rtl:ignore*/
    margin-left: 0;
    position: static;
    }

    body.template-full-width .entry-content > .alignleft,
    body.template-full-width [class*=”wp-block”].alignfull:not(.has-background) [class*=”__inner-container”] > .alignleft,
    body.template-full-width [class*=”wp-block”].alignfull:not(.has-background) [class*=”__inner-container”] > p .alignleft,
    body.template-full-width [class*=”wp-block”].alignfull:not(.has-background) [class*=”__inner-container”] > .wp-block-image .alignleft {

    /*rtl:ignore*/
    margin-left: 2rem;
    position: static;
    }

    body.template-full-width .entry-content .alignright,
    body.template-full-width [class*=”wp-block”].alignwide [class*=”__inner-container”] > .alignright,
    body.template-full-width [class*=”wp-block”].alignwide [class*=”__inner-container”] > p .alignright,
    body.template-full-width [class*=”wp-block”].alignwide [class*=”__inner-container”] > .wp-block-image .alignright {

    /*rtl:ignore*/
    margin-right: 0;
    position: static;
    }

    body.template-full-width .entry-content > .alignright,
    body.template-full-width [class*=”wp-block”].alignfull:not(.has-background) [class*=”__inner-container”] > .alignright,
    body.template-full-width [class*=”wp-block”].alignfull:not(.has-background) [class*=”__inner-container”] > p .alignright,
    body.template-full-width [class*=”wp-block”].alignfull:not(.has-background) [class*=”__inner-container”] > .wp-block-image .alignright {

    /*rtl:ignore*/
    margin-right: 2rem;
    position: static;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Full Width template not centered’ is closed to new replies.