This members-only tutorial provides the steps to change the full-width layout to a boxed look in Oxygen.

Step 1

Edit your Main Catch-all sitewide Template with Oxygen.

Go to Manage > Selectors and click the "Add Selector" button

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($27/month or $169 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE

Comments

For adding code blocks wrap the code in three backticks. Markdown should work.
Provide a URL of your site/webpage if something is not working.
  • Dear Sridhar,

    How does the body max-width setting above correlate to the following settings:
    1. Manage > Settings > Global Styles > Page Width > Page Width
    2. Manage > Settings > Page Settings > Page Width

    In other words, what is their purpose and why don’t we use them if their purpose is to specify boxed layout widths? Also, what is the difference between the two?

    Thank you in advance!

    • As Alexander answered in Facebook,

      Global Styles > Page Width – For all page.

      Page Settings > Page Width – For the current page. Overrides the global

      Each Section in Oxygen will have an inner element, .ct-section-inner-wrap which has the default width of 1120px.

      That is what the Page Width will be changing.

  • Dear Sridhar,

    Thank you for this tutorial. It worked fine on desktop but made my mobile version of the page appear like a desktop version. Any ideas how to fix that?

  • Hi Sridhar, I hope you are fine 🙂
    Would be nice to add the fix for the sticky and overlay header when you want to use a boxed layout. I found the header to jump all over the screen when sticky and not confine in the div (wrapper for the boxed layout)
    thanks

  • magnifiercross
    >
    linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
    %d bloggers like this: