This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Page size

Open 7 replies premiumthemetheme-vantage
totalsecurity
10 years ago · Last reply by Andrew Misplon 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 10 years, 6 months ago

    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. totalsecurity 10 years, 6 months ago

    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. Andrew Misplon Staff 10 years, 6 months ago

    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. totalsecurity 10 years, 6 months ago

    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. Andrew Misplon Staff 10 years, 6 months ago

    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. totalsecurity 10 years, 6 months ago

    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. Andrew Misplon Staff 10 years, 6 months ago

    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.

Have a different question or issue?

Start New Thread