Using the Wix Harmony Editor

Branding your site

Wix Harmony Editor: Updating Your Brand Styles

As your site grows, your brand should grow with you. With Wix Harmony, you can do what you need to keep your online identity fresh. Add extra element designs and colors, or do complete overhaul – it’s up to you.

Updating your brand colors

Your palette reflects your brand’s tone, and you can easily update the base and accent colors as needed. Want to extend your brand? Add and manage new colors to provide that extra touch across your site.

To update your colors:

Go to your editor.
Click Brand at the top of the editor.
(In the Brand panel) Select Colors.
Choose how you want to update your palette:
- Update existing colors:
  - Palette: Click Change Palette to select an entirely new look.
  - Colors: Click the color you want to change, and select a new option from the picker.
  - Shades: Click the Unlock icon
    and manually customize your base colors' shades with the picker.
- Add new colors: Click the Add icon
  under Saved Colors and select a new color.

Saving a new box, button, or line style to your brand?

Any new colors you've used in your design are automatically added to your saved colors.

Updating your text styles

Updating written content on your site? Customize your text styles to complement the messaging, season, or voice. You can use the options in the Brand panel to make changes in bulk or update specific styles.

Alternatively, if you've customized a text element and like its look, you can easily apply it to an existing style. This automatically updates all text elements with the relevant style on your site, so you don't need to manually update each one.

To update your text styles:

Go to your editor.
Choose what you want to do:

Update text styles in the Brand panel

From here, you can customize the text styles used across your site. Select a font for your headings and paragraphs, choose a new text set, or customize the design and formatting of specific styles (size, color, etc.).

Click Brand at the top of your editor.
Select Text.
Use the options in the panel to update your brand text.

Apply a design from your page to an existing style

Customized a text element on the page and like its look? You can apply your new design to an existing text style.

Click the relevant text element on your page.
Click Custom on the action bar.
Click Save next to Custom.
Select the text style you want to replace from the dropdown.
Click Update.

Note: It is not possible to save additional text styles—only apply new designs to existing ones.

Updating your box, button and line styles

Update your brand boxes, buttons, and line styles to keep the site's look fresh. You can also add new designs to extend your brands' collection.

To update your brand element styles:

Go to your editor.
Choose how to update your brand styles:

Save an element you designed

Customized a line, box, or button and like its look? You can apply it to an existing style or save it as a new style in your brand.

Select the relevant box, button or line on your page.
Click Custom style on the action bar.
Click Save and select how you want to save the design:
- Update Style: Select the existing style you want to replace and click Update.
- Add New Style: Enter the style's name into the field and click Save.

Customize an existing style

Use the brand panel to adjust existing element styles and update your site's look.

Alternatively, for buttons and boxes, you can replace the whole set instead of changing each style one by one.

Click Brand at the top of the editor.
(In the Brand panel) Click Boxes / Buttons / Lines.
Select the style you want to update and make the relevant design changes.

FAQs

Select a question to learn more about updating your brand styles.

I saved additional element styles / colors. Can I edit them later?

Yes. Once you add a color or element style to your brand, you can customize it from the Brand panel.

Can I delete a saved color?

Absolutely. Depending on whether the color is used on any elements on your site, you can either replace the color or delete it entirely.

Go to your editor.
Click Brand at the top of the editor.
(In the Brand panel) Select Colors.
Hover over the saved color and click Delete color (X).
(If the color is linked to an element) Select a different color and click Replace.

What happens to my custom designs if I change my brand kit?

Even if you change your brand kit, any colors or branded elements (buttons, boxes, and lines) that you have added are kept in the your Brand panel.

Need A Professional Website?
Contact Us Today!

I'm a paragraph. I'm connected