Learning S2 Complete Style

S2 Complete Style is a pretty huge layout—it's easy to get overwhelmed! [info]s2complete is a complete documentation resource brought to you by [info]tessisamess.

This documentation breaks down S2 Complete Style piece by piece so you can learn just how every piece works. Once you understand the layout dynamics you'll be glad it's such a comprehensive sheet; it makes the possibilities nearly endless!

December 2017

S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930
31      

Syndicate

RSS Atom
Powered by InsaneJournal

Posts Tagged: '04.+body+of+page'

Dec. 4th, 2017

04. Body of Page

If you want to define styles for everything under the header, encompassing both the sidebar and entry content, then you will want to edit the #pagebody IDs. These wrap around all content below the header. Neither ID has default CSS, so you can leave these out of your stylesheet if you have no plans to use them.

#header
#pagebody
#pagebody-inner
#beta
#alpha


The #pagebody div wraps around all content below the header.

#pagebody{}

And the #pagebody-inner div is just inside of that.

#pagebody-inner{}