How to select several blocks at once and style them together
Hold Ctrl (or ⌘ on Mac) and click blocks on the canvas to select several at once. Any change you make in the Styles tab then applies to all of them, in both the theme editor and the landing page builder.
Steps
- Open the page in Online Store → Theme Settings or from Landing Pages.
- Click the first block, then hold Ctrl / ⌘ and click each other block you want to change. The last one you clicked keeps its normal outline; the others get a dashed outline.
- The side panel shows "N elements selected — Style changes apply to all of them. Settings change only the highlighted element."
- Open the Styles tab and change what you need — spacing, background, border, animation, text colour. Only the value you edit is copied; the other blocks keep their own values for everything else.
- Paste styling also applies to every selected block.
- Click Save.
Clear the selection
- Press Esc, click the X on the "elements selected" banner, or click any block without holding the key.
- Ctrl / ⌘-click a selected block again to remove just that one.
Common problems
- I changed a text or a link and only one block changedthe Settings tab (content) always edits the highlighted block only; use multi-select for the Styles tab.
- Blocks in the left-hand list do not add to the selectionmulti-select works by clicking on the canvas, not in the block list.
- My change was applied on desktop but not on mobilestyles follow the screen size you are previewing; switch to mobile and repeat.
- I want to undoone Undo reverts the change on all selected blocks at once.