Widgets

Configure global widget appearance, sidebar layout, and individual widget defaults. These settings apply to all sidebar widget areas (main sidebar, footer, shop).

These settings apply to the whole site, so a change here is visible on every page that uses the feature. Find them under Canvas > Theme Options, in the Widgets tab.

The tab sits in the rail on the left of the screen, with its own panel beside it:

The Widgets tab of Canvas > Theme Options

General

This group holds the following settings:

  • Widget Background ColorDefaultEmpty

    Background color for each widget container. Leave empty for transparent.

  • Widget Text ColorDefaultEmpty

    Default text color inside widgets. Leave empty to inherit.

  • Widget PaddingDefaultEmpty

    Space inside every widget box in your sidebars and footer, written as a length such as 20px. It is what turns a bare widget into a card with room around its content.

  • Widget Bottom MarginDefaultEmpty

    Space below each widget.

  • Widget BorderDefaultEmpty

    Outline around every widget box, written as thickness, style and colour. Use it to mark each widget as a distinct card rather than a run of stacked text.

  • Widget Border RadiusDefaultEmpty

    How rounded the corners of every widget box are, written as a length such as 8px. Match it to the corners your buttons and cards already use.

  • Widget Box ShadowDefaultEmpty

    Shadow cast by every widget box, written as offset, blur and colour. A soft shadow lifts widgets off the page without needing a border as well.

  • Show Separator LineDefaultOff

    Display a horizontal line between widgets in sidebar areas.

  • Separator ColorDefaultEmpty

    Color of the separator line between widgets.

    Shown when Show Separator Line is on

Title

This group holds the following settings:

  • Title HTML TagDefaultH4

    HTML heading tag for widget titles across all sidebar areas.

    ChoicesH2H3H4H5H6

  • Title ColorDefaultEmpty

    Color for widget titles. Leave empty to inherit.

  • Title Font SizeDefaultEmpty

    Font size for widget titles.

  • Title Font WeightDefaultEmpty

    Font weight for widget titles.

    ChoicesInherit (empty)300 - Light400 - Normal500 - Medium600 - Semi Bold700 - Bold

  • Title Text TransformDefaultEmpty

    Text transformation for widget titles.

    ChoicesNone (empty)UppercaseLowercaseCapitalize

  • Title Letter SpacingDefaultEmpty

    Letter spacing for widget titles.

  • Title Bottom MarginDefaultEmpty

    Space below the widget title before the content.

  • Title Border BottomDefaultEmpty

    Rule drawn under every widget title, written as thickness, style and colour. It separates the heading from the widget content beneath it.

  • Title Padding BottomDefaultEmpty

    Padding below the title text (before the border).

  • Title Style PresetDefaultEmpty

    Quick style preset for widget titles. Custom values above will override the preset.

    ChoicesDefault (empty)Underline AccentHighlight BackgroundLeft Border AccentSmall Uppercase

This group holds the following settings:

  • Link ColorDefaultEmpty

    Default color for links inside widgets.

  • Link Hover ColorDefaultEmpty

    Color for widget links on hover.

  • Link Font SizeDefaultEmpty

    Font size for links in the Links widget and widget_links lists.

  • Link Item PaddingDefaultEmpty

    Vertical padding for each link item in widget_links lists.

  • Link Item DividersDefaultOff

    Show a subtle border between each link item in widget_links lists.

  • Divider ColorDefaultEmpty

    Border color between link items.

    Shown when Link Item Dividers is on

  • Link List IconDefaultEmpty

    Optional icon displayed before each link in widget_links lists.

  • Tag Cloud StyleDefaultEmpty

    Visual style for the Tag Cloud widget.

    ChoicesDefault (Flat) (empty)OutlineFilledRounded Pills

  • Tag Cloud ColorDefaultEmpty

    Base color for tag cloud items.

Was this page helpful?