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.

Adjust content area width

Resolved 6 replies premiumthemetheme-vantage
Alexander Hecht
10 years ago · Last reply by Andrew Misplon 10 years ago

Hey,

I would like to adjust the content area width on the complete site. The search brought up some stuff:

As in this thread (https://siteorigin.com/thread/vantage-theme-different-width-with-blog-and-pages/ ) I want to use the full page width (so this https://siteorigin.com/thread/change-vantage-premium-default-layout-width/ doesn’t work for me) but the content should have a fixed width.

.single #primary { margin: 0 auto; max-width: 760px; }

does what I want but just to the single posts. I would like to have that on the whole site.

Thanks for your help!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Alexander Hecht 10 years, 11 months ago

    Sorry the code tags didn’t work:

    .single #primary { margin: 0 auto; max-width: 800px; }

  2. Andrew Misplon Staff 10 years, 11 months ago

    Hi Alexander

    Hopefully I’m following you here. Give this a try:

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

    Adjust as required.

  3. Alexander Hecht 10 years, 11 months ago

    Hello Andrew,

    sorry that doesn’t work for me, maybe I explained myself wrong.

    Your code will adjust the full container.

    I would like to just adjust the “content area” (for me this is the area where the actual content is displayed, so everything except the header and main menu )

    This:

    .single #primary { margin: 0 auto; max-width: 800px; }

    does it for the single blog post site.

    Is there something similar that could do it to the other sites? like archieve, post loop and so on.

  4. Andrew Misplon Staff 10 years, 11 months ago

    Can I quickly check, did you try that CSS? I’ve made is specific to #main so it won’t adjust full-container in the header or footer, just in the #main div which starts after the slider on the home page or after the menu on other pages without a primary slider.

  5. Alexander Hecht 10 years, 11 months ago

    Sorry Andrew, my mistake! I didn’t see the #main div so I thought it was the same as (https://siteorigin.com/thread/change-vantage-premium-default-layout-width/).

    Code works perfect!

    Thanks for your help!

  6. Andrew Misplon Staff 10 years, 11 months ago

    Super, glad to hear that did the trick.

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