• Resolved Palijn

    (@palijn)


    Hello,

    I’m struggling with having the pages contents using Pages (default) template to display using the “large width”, like the Home or Archive pages template do. But the pages keep using the full browser window.

    Home : https://ethiqueetchiens.fr/ : see the nice grey boxes with lots of white space left and right

    Pages : https://ethiqueetchiens.fr/achats/ : the contents grey boxes extend to the left and right of the browser window (very visible because header and footer keep displaying as expected)

    How should I proceed to this goal ?

    Any help appreciated, thanks !

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Mmmmm… I am not sure how your page template ended up being full width. I am guessing you might have modified this in the Site Editor?

    Could you please go to Appearance > Editor and edit the “Page” template? Once there, you can click on Global styles > Layout and change the width of your pages.

    I recorded this video showing the steps, please let me know if it helps!

    Thread Starter Palijn

    (@palijn)

    I’m not sure either how it ended up like that. I followed your guide (thanks for the video, that was needed!) but the layout appears to be the same for Home (Accueil) and Page, therefore there is nothing to be changed there.

    Home (“Accueil”)
    Page layout

    As you can see in the screenshots, the width of the object is materialized by a light grey background, and in the Page layout its goes full width, whereas in the Home layout it correctly leaves white spaces left and right.

    Thanks for your suggestions

    Mmmm… this is very odd. It is hard to tell for sure what us causing this but you could add this CSS as a temporary fix:

    .page .wp-site-blocks {
      max-width:1000px;
      margin: 0 auto;
    }

    You can of course adjust the width from 1000px to whatever looks best for you. If you are new to CSS, you read on the code can be added in this guide.

    Thread Starter Palijn

    (@palijn)

    Ah, I think I found the issue – it happens to have originated from between my keyboard and my chair, I guess. The Page template used the “Header” element as header, while the Post template uses the “Header (Dark, small)” header. I don’t really understand the difference between the two elements, but anyway replacing “Header” with “Header (Dark,small)” fixed the issue.

    Thanks for your help again !

    Moderator Kathryn Presner

    (@zoonini)

    Glad you got it sorted! I’ll mark this thread as resolved but feel free to start a new one for other questions.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Home and Page templates do not use the same width ?’ is closed to new replies.