Appearance
Match VendorDeck's blocks to your theme's colors, fonts and corners, without code.
Settings > Appearance sets the colors, fonts, corners and spacing of every VendorDeck block. The settings reach your store through the Brand page styles app embed, so turn it on first (setup step 5). Without it, the blocks keep their built-in look.
A Preview next to the fields shows your changes before you save. Saved changes reach your store within seconds.
| Section | Settings |
|---|---|
| Colors | Primary color for buttons, links and badges, plus secondary, text, background, card background and border colors |
| Typography | Heading font and Body font: your Theme font (the default), a system font or one of 13 Google Fonts |
| Corners and spacing | Border radius, Card border radius and Spacing scale (Compact, Default or Relaxed) |
| Card shadows | Enable card shadows when a shopper points at a card, and their Shadow intensity |
Google Fonts load from Google’s servers without blocking the page. The layout of each block, like the directory’s columns and card style, is in the block’s settings in the theme editor.