Widget appearance – Mebel lux

How to change the appearance of each widget ?

With this theme, you can add a CSS class for each widget. It’s a useful option to customize your widgets

CSS class of a widget

Options for displaying your widgets in the „left”, „right”, „top”, „bottom” or „user” positions :

Without CSS class : No styling for your list and the links.
With the CSS class ” horizontal-menu” or „vertical-menu” : to display an additionnal menu. More details on the page „Display your menus„.
With the CSS class ” border” : you add a border around your module.
With the CSS class ” radius” : you add a rounded corner.
With the CSS class ” shadow” : you add a shadow under the module
With the CSS class „white” : you add a white background
With the CSS class „black” : you add a black background
With the CSS class „grey” : you add a grey background
With the CSS class „orange” : you add an orange background
With the CSS class „violet” : you add an violet background
With the CSS class „red” : you add a red background
With the CSS class „blue” : you add a blue background
With the CSS class „green” : you add a green background
With the CSS class „turquoise” : you add a turquoise background
With the CSS class „brown” : you add a brown background
With the CSS class „text-centered” : the widget title and all the text are centered
With the CSS class „title-band” : display a dark background under the module title (you can’t put „title-centered” in the same module)
With the CSS class „badge-new”, „badge-free”, „badge-hot”, „badge-top”, „badge-news”, „badge-gift” : to display a badge in the upper right corner of your widget.
With the CSS class ” no-margin” : it’s a useful option to remove the margin around the widget position . You can use it to display an image per example.

Note : If you choose a background color , the color of the widget title is always white.

Note : You can enter several CSS class. Example „shadow green badge-top text-centered” . Each CSS class is separate by a space.