WHERE TO FIND IT

In the Main Menu (the MOBLE logo, top left) scroll down and click Styles, then click ELEMENTS in the top bar.

GLOBAL — CHANGES EVERY PAGE NOW

• BUTTONS — SQUARE, ROUND, ROUNDER or ROUNDEST. Every button on your website changes shape at once.
• NAVIGATION INDICATORS and ICONS — leave these as they are for now. They are still being finished.

AFTER YOU CHANGE YOUR BUTTONS

Your buttons change everywhere, but rounded corners saved on your pages do not. Widget cards, columns, panels and images keep the corners they were built with, and some frames are rounded only on the top.

Open a page with cards and look. If you want them to match your new button shape, the AI in your Drawer can bring them into line page by page. To change one frame yourself, use Border Radius in that frame's tools — see Borders.

DEFAULTS — NEW LAYOUTS ONLY

• PADDING — the space inside each section: Off, Tight (16), Regular (32) or Loose (64), plus the content width: None, 1280px or 1440px.
• WIDGET CARD — the space around each card: TOP/BOTTOM PADDING and SIDES PADDING.
• WIDGET LIST — the SPACING between items in a list.

These do not change anything already on your pages. Choose them before you build. On phones, all padding becomes 16px.

Widget card tip: if your card background is the same colour as the section behind it, set SIDES PADDING to off so the cards line up with your headings.

CHANGE ONE SECTION

To change the padding or width of one section, use that section's tools in the page editor — see Padding and Max Width.

Press SAVE at the top right, then refresh your website to check.