How to style a block: border, background, padding, shadow

A gear icon appears when you hover over a block — the header, footer, content area, form columns, cards. It opens the styles window. Changes are saved automatically as you type; the "Clear" button resets the block's styling.

What's where:

• "Border" — position (all sides or a single one), color, thickness, corner rounding.
• "Block" — background color, gradient ("Use background gradient"), "Block shadow", "Padding" and "Margin", background image, width and height (including minimum and maximum), "Text alignment" and "Block alignment", "Visibility" — hide the block on desktop, tablet or phone.
• "Text" — font, size, color.
• "Links" — color of links inside the block, separate from regular text.
• "Animation" — appearance, hover reaction and constant motion.
• "Positioning" — "Positioning type" (a block that sticks to the top or bottom of the window), offset, rotation.

The hover appearance is set with the switch in the window header: "Normal" / "On hover" / "Active" (the last one is only for menu items). On the "Border", "Block", "Text" and "Links" tabs, the settings apply to the selected state; an empty field means "same as normal".

The main switch is "Apply to this block only". Without the checkbox, the setting applies to all blocks of this kind across the whole site: if you set a border on the content area, it will appear on every page. With the checkbox, it applies only to this block on this page.

If it didn't work

• The wrong block was styled. Blocks are nested inside one another: hover more precisely, the gear appears on the block under the cursor.
• You changed it on one page — and it changed everywhere. The "Apply to this block only" checkbox wasn't ticked. Restore the value and repeat with the checkbox.
• Text alignment doesn't work. Check whether the block's own alignment is set on the same block — they conflict with each other.