Widget Settings

Control the appearance and style of each widget.

YOOtheme Pro adds a Theme button to the WordPress widget settings, which reveals additional options on click. The availability of certain settings depends on the area where the widget is published and its type.

Widget settings

Default Options

Use these default options to style your widgets published in any area.

Setting Description
Title Add a widget title.
Class Set an HTML class for the widget.
Visibility Display the widget only on a specific device width and larger.

Default options

Appearance Options

Use these appearance settings to style your widgets published in the sidebar, mobile, top and bottom areas.

Setting Description
Style Define whether the widget looks like a card or whether the style is blank.
Title Style Title styles differ in font-size but may also come with a predefined color, size and font.
Title Decoration Decorate the title with a divider, bullet or a line that is vertically centered to the heading.
Alignment Center, left or right align the text.
Alignment Breakpoint Define the device width starting from which the alignment will apply.
Alignment Fallback Define an alignment fallback for device widths below the breakpoint.

Appearance options

Grid Options

Use these grid settings to style your widgets published in the top and bottom areas.

Setting Description
Width Set the width of the grid column that contains the widget in percent or choose Expand to fill up the available space evenly.
Max Width Set the widget's maximum width.
Max Width Alignment Define the widget's alignment if the grid column is larger than its max-width.

Grid options

List Options

Use these settings to style your list widgets published in sidebar, mobile, top or bottom areas.

WordPress offers the following list widgets: Archives, Categories, Pages, Recent Comments, Recent Posts.

Setting Description
List Style Select whether the list items should be separated with dividers or not.
Link Style Use the default link color or the muted color.

List options

Use these settings to style your menu widgets published in the sidebar, mobile, top or bottom area.

Setting Description
Menu Style Select whether the menu should be rendered as a horizontal subnav or a sidebar nav.

Menu options

Widget Visibility

By default, a WordPress widget is visible on all pages. Therefore, we recommend installing Jetpack, an official and free-to-use plugin from WordPress. It adds a Visibility button to the widget settings, which allows you to assign widgets to different pages. The plugin needs to be activated with your wordpress.com account. If you run the demo package locally, you can also activate the Jetpack development mode.


YOOtheme Pro Documentation