Welcome! To use this support forum, please Login or Join Today!

   

Wrapper Constraint

{name}
Rank

Total Posts: 3

Joined 2014-12-02

PM

 

Hello,

I’m just wondering if I can restrict all content areas to max width 1200px, a box effect?  This would then allow me to set a body background colour which would show either side of the 1200px.

Thank you,
Peter.

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

You could set the theme width in the theme options under Max Layout Width to 1200px then in your style.css just add:

body { background#eee !important; }

#wrap {
    
margin:0 auto;
    
background-color#fff;
}

/* 1200px and wider */
@media only screen and (min-width1200px{
    
#wrap {
        
width1200px;
    
}
}

/* 960 to 1199px */
@media only screen and (min-width960px) and (max-width1199px{
    
#wrap {
        
width960px;
    
}
}

/* Smaller than standard 960px */
@media only screen and (max-width959px{
    
#wrap {
        
width100%;
    
}