Quick reference for the Design tab.
Templates
24 options: 23 ready-made templates + Custom.
Picking one sets colors, fonts, borders, and icon colors all at once.
Split, Stacked, Spotlight also change the layout — but only work with the Simple type.
Changing any color/font/border manually switches you to Custom automatically.
Background
Single color (default white) or Gradient (two colors + angle 0–360°, default 90 = left to right).
Typography
Font size: no fixed max. Title default 18px, subheading 14px.
Font weight: 400/500/600/700/800 only.
Alignment: Left/Center/Right.
Mobile size field kicks in at 620px or narrower.
47 fonts to choose from, or "Use your theme fonts" (safest — a specific font only works if your theme already loads it).
Buttons & coupon chip
Button: background, text color, font size, border radius (default 4px) — all customizable.
Coupon chip only shows for Simple type with a coupon code set.
Borders & icons
Border radius/size/color — applies evenly on all sides.
Close icon and navigation arrow colors are customizable (arrows: Rotating type only, can't be hidden).
Custom CSS
For advanced users — most merchants don't need it.
Automatically strips: HTML tags, @import, url()/image(), expression(), javascript:, -moz-binding, behavior.
Related
Creating Your First Announcement
Placement & Positioning