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!
Sorry the code tags didn’t work:
.single #primary { margin: 0 auto; max-width: 800px; }
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.
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.
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.
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!
Super, glad to hear that did the trick.