Custom Styling

Let's dive in and learn how to make your Churchly site match the official brand guide of your church!

We'll walk through adding custom fonts, customizing colors, adding your logo and more!

Follow these steps to customize colors, fonts and other branding elements in your Churchly website:

1. Update Global Styles

- Click the paintbrush icon and select "Global Styling"

- Under "Text", choose fonts from Google Fonts or upload custom ones

- Define colors under "Color Palette" including primary, secondary, accent

2. Customize Colors

- Click text links to change hover and link colors

- Select buttons and borders to match brand colors

3. Adjust Logo Size

- Hover over logo and click settings

- Increase "Max Logo Height" until sized appropriately

4. Style Image Blocks

- Select image blocks and click "Edit Style"

- Choose brand color and decrease opacity for overlay effect

- Upload custom images or remove placeholders

5. Preview on Devices

- Toggle between desktop, tablet and mobile views

- Modify fonts sizes, paddings as needed for each

6. Save and Publish

- Review all changes before clicking "Save"

- Preview live site by clicking "Website Preview" tab

By following these steps you can fully express your unique brand identity. Reach out if any elements need additional customization or help.

Proper branding builds recognition and trust with your community, so let's make sure we get it right!