Need to make the main body wider by 30-40 pixels

Toolie

Is there some way to force a wider overall width to the JA Vital template? My client needs it to be about 30-40 pixels wider to accommodate both her content (on the left) and a sidebar of minimum 300px wide. The current @media break at 1200 has a max-width of 1170, and changing that value via CSS doesn't seem to work. Where else do I look to change the media break and t4 body width?

dominic

Hi Toolie,
You can add the following code to the Tools > Custom CSS:

@media (min-width: 576px){
.container {
    max-width: 540px;
}
}

@media (min-width: 768px){
.container {
    max-width: 720px;
}
}

@media (min-width: 992px) {
.container {
    max-width: 960px;
}
}

@media (min-width: 1200px) {
.container {
    max-width: 1200px;
}
}

Send me the admin account and a screenshot of the page that you want to change, if you still face this issue.