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: '08.+sidebars:+a.+beta+%26+gamma'

Dec. 4th, 2017

08. Sidebars - Beta & Gamma

There are two sidebar classes, #beta and gamma. Your primary sidebar (the one in all sidebar-enabled versions of Complete Style) is #beta and in most cases you'll probably only need this one. For three column layouts, #gamma will come into play as your furthest right sidebar.

Each sidebar has an inner class that specifies the font size and color. If you plan to have both sidebars in place and want them to look exactly the same, you can always truncate the process and list it as #beta-inner, #gamma-inner{font-size:small;color:#000;} instead.

#beta{}
#beta-inner{font-size:small;color:#000;}

#gamma{}
#gamma-inner{font-size:small;color:#000;}