Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Affinity’s static front page automatically picks up a different template than the interior pages, as you can see on the demo here: https://affinitydemo.wordpress.com/

    That front-page template displays page content at a narrower width, which is made more obvious on your site, which has no front-page panels like the demo does.

    If you’d like to widen out the content area on the front-page template, you can do that with custom CSS:

    @media screen and (min-width: 68em) {
      .affinity-front-page .site-content .entry-header,
      .affinity-front-page .site-content .entry-content,
      .affinity-front-page .site-content .entry-footer {
        max-width: 1068px;
        width: 90%;
      }
    }

    Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated.

    An easy way to add custom CSS is to use the CSS editor included in the Customizer as of WordPress 4.7. Head to Appearance > Customize > Additional CSS to add your custom CSS.

    Let me know how it goes.

    Moderator Kathryn Presner

    (@zoonini)

    Oh sorry, I just realized you said you preferred the narrower homepage width, so you actually want the opposite, right?

    Give this a try instead:

    @media screen and (min-width: 68em) {
      .site-content {
          max-width: 716px;
          width: 90%;
        }
    }
    Thread Starter jakkerman

    (@jakkerman)

    Thank you! that was just it

    Moderator Kathryn Presner

    (@zoonini)

    Great! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘text layout not the same margin on all pages’ is closed to new replies.