Home / Help Center / How to Customize Your Website Theme Appearance

How to Customize Your Website Theme Appearance

The Theme Appearance page is where you customize the look and feel of your website. From color schemes to fonts and button styles, you have complete control over your site's visual branding.

ACCESSING THEME SETTINGS

1. Log in to your account

2. Go to Appearance → Theme Settings in your website management menu

3. You'll see your currently active theme displayed with a preview

UNDERSTANDING THE THEME CUSTOMIZATION OPTIONS

Colors & Branding:

• Primary Brand Color - The main accent color used throughout your site (buttons, links, accents)

• Navbar Background - Background color for your site's navigation bar

• Navigation Text - Text color for navigation menu items

• Footer Background - Background color for your site footer.

Typography:

• Base Font Family - Choose from popular Google Fonts like Poppins, Lora, Manrope, and more

• Font Preview - See how your selected font looks in real-time.

Layout & Styling:

• Button Roundness - Adjust corner radius of buttons via slider (0-20px range)

• Skin Presets - Quick-apply preset configurations (Modern Corporate, Minimal, Executive, Atelier, Summit, Canvas).

Call-to-Action Text:

• Secondary CTA Label - Text for secondary buttons (e.g., "Login")

• Primary CTA Label - Text for primary action buttons (e.g., "Get Started").

Topbar Settings:

• Topbar Text (Left) - Message displayed on left side of top notification bar

• Topbar Text (Right) - Message displayed on right side of top notification bar.

USING SKIN PRESETS

Skin Presets give you a complete theme configuration in one click:

1. Select a preset from the "Skin Presets" dropdown

2. All form fields will auto-populate with that preset's values

3. You can still tweak individual settings after selecting a preset

4. Changes are not saved until you click "Save Changes"

SAVING YOUR CHANGES

After customizing your theme:

1. Review all your changes

2. Click "Save Changes" button to apply them to your live site

3. Your site will update immediately with the new appearance.

RESETTING TO DEFAULTS

If you want to start over:

1. Click "Reset to Defaults" button

2. This will restore all settings to the original theme defaults

3. You'll need to confirm if prompted.

TIPS FOR GREAT THEME CUSTOMIZATION

• Maintain Brand Consistency - Use colors that match your business branding

• Ensure Readability - Make sure text colors contrast well with backgrounds

• Test Responsively - Check how your changes look on mobile and desktop devices

• Use Presets First - Start with a preset close to your vision, then fine-tune

• Preview in Public - After saving, visit your public site to see the full impact

• Keep It Simple - Less is more; don't overcomplicate your color scheme.


FREQUENTLY ASKED QUESTIONS

Q: Will my changes affect existing content?

A: No. Theme changes only affect the visual appearance, not your content or pages.

Q: Can I revert to a previous theme appearance?

A: Yes, use the "Reset to Defaults" button or select a different skin preset.

Q: Do changes apply immediately?

A: Yes, once you click "Save Changes," your site updates right away.

Q: Can I use custom colors?

A: Yes! The color pickers allow you to select any color you want, not just presets.


Was this article helpful?
Search Documentation
Still stuck?

Our support team is ready to help you with any technical issues.

Login to Get Help