Skip to content
  • There are no suggestions because the search field is empty.

How to Customize Your Website Theme

Customizing your website theme is essential for maintaining a cohesive look and making the setup process more efficient. Follow these steps to ensure your site aligns with your team’s brand and style.

Step 1: Access the Theme Settings

To start, locate the paintbrush icon in the left-hand navigation bar. Clicking this will open the theme customization panel where you can adjust colors, typography, and other design elements.

Step 2: Select or Duplicate a Theme

Browse the available themes to find one that closely matches your team’s branding. If you find a good fit, simply select it and move forward. If none are a perfect match, pick the one that is closest in color and style.

To create a custom theme:

  • Click the three dots at the top of the theme panel.
  • Select Duplicate to make a copy of the chosen theme.
  • Click the three dots again and select Edit Name.
  • Rename it to something recognizable, such as "[Your Team Name] Theme".
  • Click the checkmark to save your new theme.

Step 3: Adjust Colors

Once your theme is saved, you can begin adjusting its colors to align with your branding.

  • Click on any color in the theme to edit it. Changes will update in real-time on the website preview.
  • If you’ve uploaded your team’s logo, use the paintbrush tool to select colors directly from the image. This ensures consistency throughout the site.
  • If you know the hex codes for your brand colors, you can enter them manually for precise matching.
  • If some colors in the theme don’t seem to be in use, don’t worry—you can always adjust them later if they appear on different pages.

Step 4: Modify Typography

Typography plays an important role in readability and overall design.

  • Start by selecting a text-heavy section of your website to see how headers, body text, and paragraph formatting will appear.
  • Adjust fonts manually or use the randomize button to cycle through different font combinations.
  • If you select the Regenerate button, it will create a brand-new theme. Be sure to duplicate and rename it if you want to save those changes.

Step 5: Fine-Tune Specific Elements

If certain elements don’t stand out the way you’d like, you can tweak them individually without altering the entire theme.

  • To change the color of a specific button, select it and adjust its color separately from the overall theme settings.
  • Ensure all colors blend well with your logo and branding, especially those used for important text and call-to-action buttons.
  • Bright, bold colors are useful during setup to easily identify where each color appears throughout your site. If you notice a color isn’t being used, it may appear later on different pages or elements.

Step 6: Final Review & Save Your Changes

  • Scroll through your website preview to confirm all colors and fonts work well together.
  • If needed, return to the customization panel to make final adjustments.
  • Your custom theme will remain saved, so you can revisit and tweak it anytime in the future.

By following these steps, you’ll ensure your website theme is not only visually appealing but also aligned with your team’s identity, creating a polished and professional look.