Home>Support>Page size

Page size

By totalsecurity, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Using Vantage Premium and need to change the page size. I read through the forums and tried some custom CSS but it ended up making the page smaller. I would like 90% full size with the exception of mobile phones where the widgets look bad and are willing to just get rid of those.
Please help. Seem like everything I do costs me somewhere else.

URL: http://totalsecuritynh.com

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

  1. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Totalsecurity

    Thanks for reaching out. Please, could you clarify what you mean when say “page size”. Are you referring to overall screen width when you say 90%?

  2. 9 years, 1 month ago totalsecurity

    Hi Andrew,

    I am trying get control of the width of my site. When I select Layout Bound “Full Width” it seems the only items that are full screen is the slider but not the header, content or footer? If I select “Boxed” it makes the slider the same size as the header, content and footer but I sill cant control the width. Can width (header, slider, content and footer) be adjusted by percentage of any resolution?

  3. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Thanks for breaking that down. The behaviour you’re seeing is correct as per the theme design. To set the container width yourself you can add the following to Appearance > Custom CSS:

    /* Vantage Full Width Layout - Adjust Site Width */

body.responsive.layout-full #page-wrapper .full-container {
max-width: 1080px;
}

    Adjust 1080px to your preferred px or percentage value.

    Let us know how that goes :)

  4. 9 years, 1 month ago totalsecurity

    Andrew,

    I have used that custom CSS before. Looks like this is a common request on the forums. I think, if I understand this correctly, the “Layout Bound” option has a lot to do with this CSS control.

    So, your CSS above: body.responsive.layout-full #page-wrapper .full-container
    will work if “Layout Bound:” Full Page is selected

    However, if Boxed is selected will this custom CSS work or does that use different CSS names?

    Thanks.

  5. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    No problem to re-write that for Boxed, sorry, I missed that.

    /* Vantage Boxed Layout Site Width */

body.responsive #page-wrapper {
  max-width: 1400px;
}
  6. 9 years, 1 month ago totalsecurity

    Andrew,
    That’s perfect.. Just to clarify for others:

    Layout Bound: Full Page
    Use:
    body.responsive.layout-full #page-wrapper .full-container { max-width: 1080px; }

    Layout Bound: Boxed
    Use:
    body.responsive #page-wrapper { max-width: 1400px; }

    But this does assume the “Responsive Layout” is checked. What if this is NOT checked. What would the CSS be for that width?

  7. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    For sure. Without responsive it would be:

    Layout Bound: Full Page
    Use:

    body.layout-full #page-wrapper .full-container { max-width: 1080px; }

    Layout Bound: Boxed
    Use:

    body #page-wrapper { max-width: 1400px; }
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