The Design tab controls how your community page looks: the banner up top, and the colors and borders on your posts, products, and videos. Find it under Design in Single's sidebar menu.
Set your banner
The banner is the image across the top of your community page.
In Community banner, drag and drop an image or click Browse. Use .jpg, .jpeg, or .png under 20MB.
Choose what members see after they log in:
Show Banner. Banner stays visible.
Hide Banner. Banner disappears once they're logged in.
Pro tip: use a wide image. The banner is a 4:1 ratio, around 1600 x 400. A square or portrait image will look stretched or cropped.
Set colors and borders
The Colors & Borders section restyles every post, product, and video on your page at once. Click any color field to set it, then set your borders:
Card colors. Background, border, and text.
Button colors. Card button background and text, plus secondary button background and text.
Border Width. 0 to 5px.
Border Radius. 0 to 20px.
Page Width. 1000px to 1600px.
Click Save when you're done, or Reset All to start over.
Pro tip: Check your contrast. It's easy to pick a card text color that disappears against the background. Preview the page before saving.
Common questions
What size should my banner be?
A wide 4:1 image, around 1600 x 400 pixels. Use .jpg, .jpeg, or .png under 20MB.
Why isn't my banner showing after members log in?
It's set to Hide Banner. Switch to Show Banner to keep it visible.
Can I undo my color changes?
Click Reset All in Colors & Borders to restore the defaults.