If you’re looking to personalize your Showit website to align with your brand’s unique style, you’re in the right place. In this guide, we’ll walk you through the process of changing colors and fonts in a Showit website template, ensuring your site reflects your brand’s identity.

Understanding Showit’s Design Settings

Showit’s Design Settings are the control center for your website’s visual elements. Here, you can adjust your site’s color palette and typography to match your brand.

Accessing Design Settings

1. Log in to your Showit account.
   
2. Open your website template.
   
3. Click on the Site tab on the left panel.
   
4. Select Design Settings.
   

This will open a window with two tabs: Site Style and Fonts.

Read More: Create Instagram Links Page in Showit

Customizing the Color Palette

Your website’s color palette plays a crucial role in conveying your brand’s personality. Showit allows you to set up to eight colors for consistent use across your site.

Steps to Change Colors

1. In the Site Style tab, locate the Color Palette section.
   
2. Click on a color swatch you wish to change.
   
3. Enter your brand’s HEX code or use the color picker to select a new color.
   
4. Repeat for each color you want to customize.
   
5. Click Save to apply changes.
   

Tip: Maintain a balance by assigning colors based on their intended use, such as primary text, backgrounds, and accents.

You May Like: Rotating Image or Icon in Showit

Updating Fonts to Match Your Brand

Typography significantly impacts your website’s readability and aesthetic. Showit provides flexibility in customizing fonts for various text elements.

Adding and Selecting Fonts

1. Navigate to the Fonts tab in Design Settings.
   
2. Click Add Google Font to browse and select from available fonts.
   
3. To use a custom font, ensure it’s in WOFF format and upload it to your Media Library.
   
4. Once uploaded, it will appear in your font list for selection.
   

Read More: Nested Dropdown with Image Background in Showit

Assigning Fonts to Text Styles

1. Return to the Site Style tab.
   
2. Click on each text style (Title, Heading, Subheading, Paragraph).
   
3. Choose your desired font, size, color, and other styling options.
   
4. Adjust settings for both desktop and mobile views as needed.
   
5. Click Save to apply changes.
   

Note: Consistent typography enhances user experience and maintains brand coherence.

Final Thoughts

Customizing the colors and fonts in your Showit website template is a straightforward process that significantly enhances your site’s alignment with your brand identity. By following the steps outlined above, you can create a cohesive and visually appealing website that resonates with your audience.

Next Steps:

• Review your website to ensure consistency across all pages.
  
• Test your site on various devices to confirm responsive design.
  
• Gather feedback from peers or clients to refine your design further.
  

Remember, your website is an extension of your brand. Taking the time to personalize it will pay off in creating a memorable and engaging online presence.