Widget Variations

Widget Variations allow for the individual styling of each widget within a position, without it being global. Code wise, this is achieved by selecting a variation from the Widget Variation field in the Widget settings. The theme CSS adjusts accordingly.

There are 11 suffixes: tab1-3, bg1-3, underline, number and flush, flushtop, flushbottom.

The Tab suffixes add a solid background image behind the header, in the shape of a tab. The BG suffixes change the color of the widget background only. Underline simply adds a border to the bottom of the widget header. Remember, you can always combine suffixes together such as tab3 b2, which will produce a colored widget title, with a colored background. Number is specifically designed for the menu widget, adding a decimal list before the border graphic.

Flush will disable all padding and margin to the widget for a tighter fit, with FlushTop and FlushBottom disabling the margin/padding for the Top/Bottom parts of the widget respectively.