Widget Styles

To enable the widgets class feature, you need to use a plugin that will add a “class” field in the widgets controls panel, you can search for them in the wordpress plugin database or use your favorite (this is our favorite!) .Changing the widget class is done by entering the class name in your widgets “Class” field in each widget settings panel.

Adventure comes with several widget styles in various colors. Each style can be applied to a widget by adding the suffix class to the Widget Class parameter in the
widget control panel.

red

Activate this style by adding the “red” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

red no line

Activate this style by adding the “red_noline” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

aqua

Activate this style by adding the “aqua” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

aqua no line

Activate this style by adding the “aqua_noline” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

grey

Activate this style by adding the “grey” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

grey no line

Activate this style by adding the “grey_noline” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

black

Activate this style by adding the “black” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

black no line

Activate this style by adding the “black_noline” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

orange

Activate this style by adding the “orange” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

orange no line

Activate this style by adding the “orange_noline” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

green

Activate this style by adding the “green” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

green no line

Activate this style by adding the “green_noline” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

flip

Activate this style by adding the “flip” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

no line

Activate this style by adding the “no_line” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

left

Activate this style by adding the “left” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

right

Activate this style by adding the “right” CSS class. You can set the title alignment by adding the “titleLeftAlign”, “titleCenterAlign” or “titleRightAlign” classes to the widget “Class” field. You can also set the content text alignment using “contentLeftAlign” , “contentCenterAlign” or “contentRightAlign”.

red