Blog Post


Nov

14

2013

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. Aventa 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”.