Home>Support>Change The Width Of Boxed Layout

Change The Width Of Boxed Layout

By Sunsmile, 10 years ago. Last reply by Andrew Misplon, 9 years ago.

How do I change the width of the boxed layout from the default 1080px?

I found a code snippet on this forum, but it does nothing:

/* Vantage full width change main container width */

body.responsive.layout-full #page-wrapper #main .full-container {
max-width: 960px !important;
}

Is there anything missing in this code?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi

    This selector is for changing the site body width when using the full width layout. For the boxed layout you’ll need this:

    /* Vantage Boxed Layout Site Width */

body.responsive #page-wrapper {
max-width: 960px !important;
}
  2. 10 years, 3 months ago Sunsmile

    Works perfect, thank you so much!

  3. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad we could help.

  4. 9 years, 6 months ago christmaslyric4537

    Both of these make it go to the left. How can I center it?

    • 9 years, 6 months ago Andrew Misplon
      Hi, I Work Here

      Hi Christmaslyric4537

      We’d like to help you, but can you please start a new thread with your question? We can only offer you the best support possible when you’re the owner of a thread.

      Page: New Thread

      If you’re a premium user, please be sure to enter your order number so we can properly prioritize your thread.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More