Global Settings

Open the top bar menu and choose Global Settings > WooCommerce in the Breakdance editor, configure your store's shared appearance, and save. These settings style WooCommerce throughout your site. Individual elements can override them through Override Global Styles or Global Styles Override.

Colors and Typography

Colors sets Brand, Text, Headings, Borders, and Text On Brand. Brand also supports a hover color.

Under Typography:

• Weights > Normal / Medium / Heavy — Choose weights from 100–900 for each role.
• Sizes > Small / Standard / Medium / Large / Extra Large — Set Font and Size for each text size.

Buttons & Links

Configure Primary Buttons, Secondary Buttons, and Destructive Buttons independently. Each provides:

• Size > Size — Small / Default / Large / Custom; Custom exposes Padding. Override Width and Full Width At control width and responsive expansion.
• Background — Normal and hover appearance.
• Outline — Enables Color, Width, and No Fill On Hover.
• Typography — Text color, custom or preset typography, font, size, weight, line height, and advanced text settings.
• Corners > Square / Round / Custom — Custom exposes Corner Radius.
• Effects — Transition Duration, Scale On Hover, and Shadow.
• Icon — Artwork, Position > Before / After, Size, Color, Space Before / Space After, and Hover Transform.

See Global Buttons for these shared button controls. Text Links > Color sets normal and hover link colors. Disabled > Background / Text styles disabled buttons.

Forms

Under Forms > Fields:

• Background / Placeholder — Field background and placeholder text colors.
• Borders — Radius, border styling, and shadow.
• Focused > Background / Border / Shadow — Appearance while a field has focus.
• Padding — Inner spacing.
• Required > Color / Size / Nudge X / Nudge Y — Required-field marker appearance and position.

Forms > Typography > Labels / Sub Labels / Values / Links styles each type of form text. See the shared typography controls.

Quantity Inputs

Open Forms > Fields > Advanced > Quantity Input to style quantity fields and their plus/minus buttons:

• Max Width / Background / Typography / Borders / Padding — Quantity-field size and appearance.
• Buttons > No Overlap — Separates the buttons from the input; Between Inputs controls the gap when enabled.
• Buttons > Width / Height — Button dimensions.
• Buttons > Background / Icon Color / Icon Size — Button and symbol appearance, including supported hover colors.
• Buttons > Borders / Padding — Button edges and inner spacing.
• Buttons > Nudge > X / Y — Horizontal and vertical position adjustments.

To show quantity fields in product listings, enable Other > Products List > Quantity Input. An individual Products List can override this. Mini Cart's Hide Quantity Input setting belongs to the Mini Cart element.

Other

Spacing

Spacing > Base / Ratio sets the spacing scale. Ratio accepts 1–2. Sizes > Extra Small / Small / Standard / Medium / Big / Large / Extra Large lets you adjust individual spacing sizes.

Stack Vertically At sets the responsive breakpoint for WooCommerce layouts that use the global stacking setting.

Notices

Notices > Border Radius / Padding / Padding Left / Icon Size styles WooCommerce notices. Info, Error, and Success each provide Background, Icon, Text, and Link colors. Link colors also support hover styling.

Products and Listings

• Sale Badge — Background / Text colors, Radius, Font Size, Font Weight (100–900), Padding, and Horizontal Padding.
• Ratings — Star Color / Star Size.
• Product Images — Border Radius / Border Width / Border Color.
• Widgets — Chip Background / Chip Text, including hover colors for filter chips.
• Products List — Products Per Row / Products Per Page, plus Enable / Disable for Image, Title, Price, Rating, Sale Badge, Excerpt, Categories, Quantity Input, and Button.

These are shared listing defaults. Use an element's local controls for a particular list; see Products List.

Wrappers, Tables, and Payment Box

• Wrappers — Background / Border / Border Radius / Border Width / Shadow for surrounding panels.
• Tables — Header / Background / Border colors and Border Radius / Border Width.
• Payment Box — Background / Border Color / Border Width.

Misc

Remove Item From Cart sets the remove-link color. Select2 Active Item sets the active option color in enhanced select fields. Gallery Zoom Icon Shadow styles the product-gallery zoom icon's shadow.

Variation Swatches

With a supported variation-swatches integration active, WooCommerce > Variation Swatches provides:

• Alignment — Left, center, or right.
• All Swatches — Background, padding, borders, and label/button typography.
• All Swatches > Hover / Selected — Text color, background, border color, and opacity for each state.
• All Swatches > Disabled — Text color, background, cross color, border color, and opacity.
• Image and Color Swatches — Width, height, background including hover, and padding.
• Tooltip — Background, typography, padding, and borders.
• Spacing — After Label / Between Items / Between Options.

The plugin supplies the attribute choices and variation behavior. These controls style them; they do not create variations or change availability.

Some global changes require reopening the builder before they appear in its preview.