15 articles

Colors, fonts and layout

Your site's colors, fonts and backgrounds, and how it looks on phones and computers.

Colors and fonts 5

Change the button style across your site
Set how your buttons look in one place, the shape, colors, border and hover effect, and every button on your site follows.
Change your site's colors
Choose your brand colors once and link them to buttons, text and backgrounds, so a color change updates everywhere at once.
Change your site's fonts and text sizes
Set the font, size and style for your paragraphs and headings once, and it updates across your whole site. Ask us first, since it touches every page.
Make your site easier for everyone to read
Simple checks for color contrast, text size, headings and photo descriptions that help more of your visitors read your pages comfortably.
Save your brand colors
Keep your brand colors in the color picker so you can reuse the exact shade anywhere on your site without retyping the code.

Add a background video to a section
Play a silent looping video behind a section, from a file you upload or a link from a video site, and know what to watch for first.
Add a color gradient background
Blend two colors behind a section, column or widget, in a straight line or spreading out from the center.
Change a section's background color or image
Give a section a new color, a photo or a slideshow of photos behind it, and choose how the picture fills the space.

Add blank space between sections
Give a crowded page room to breathe by adding a spacer, or by loosening the space built into each item.
Change the space around and inside items
Tighten or loosen the gaps around a photo, button or section, outside its edges or inside them, with numbers or by dragging.
Line up and space out items in a section
Center or align the items in a section, choose how many sit in each row and set an even gap between them.

Check how your site looks on a phone
Switch between computer, tablet and phone views in your editor, know what changes on one screen and not another, and do a final check on a real phone.
Make a section look different on phones
Change an item's alignment, size or spacing on the phone view only, without touching how it looks on a computer.

Add a shape or a badge
Use a shape as a badge, banner or callout, such as an award, a sale price or a "New menu" tag, and place it over a photo.
Add an icon
Pick from over a thousand ready-made icons, or upload your own, and use them to mark services, features or contact details.