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