Knowledge Base

Builder brands: Changing theme colors in the Express editor

Customizing your website’s color theme is a simple way to enhance its visual appeal and create a consistent brand identity. Website Builder provides flexible options for updating your site's color scheme, whether you want to switch between light and dark themes, fine-tune individual colors, enter specific Hex color codes, or explore pre-designed color palettes. This guide walks you through the steps to access the Theme settings, customize colors to match your preferences, and apply your changes across your website. Once your updates are complete, you can save and publish them to make your new look visible to visitors.

In this article, we will discuss:

Theme color

  1. Log in to your account via https://www.networksolutions.com/my-account/login.
  2. Click Websites & Hosting from the left navigation menu.

    website and hosting menu
     
  3. Navigate to the hosting package that you want to access with Website Builder, then click Manage to continue.

    manage button
     
  4. On your Website Builder dashboard, tap Edit Site.

    builder-edit-wb
     
  5. Click on the Theme button at the top of the editor.

    click on the Theme button
     
  6. Options to change colors will appear. You can choose between a light and a dark theme. When changing the color scheme from Light to Dark, it will affect the color of the text to contrast the background; most sections will change when switching from light to dark, but some sections with background colors added will not change.

    choose between a light and a dark theme
     
  7. If you would like to change individual colors, you may start by selecting the Color tile you’d like to swap out.

    select the Color Tile
     
  8. Then move the Slider bar from right to left to get the desired color range.

    move the Slider Bar
     
  9. Next, you can click and drag the pointer inside the Color window to select the shade you want.

    click and drag the pointer inside the Color Window
     
  10. If you want to enter a Hex code to get a specific color, you may do so by entering the code in the box provided labeled Hex.

    enter the strong in the box provided
     
  11. The drop-down next to the Hex box offers more options. Ie. RGBA, HSVA. The colors will automatically change on the site as you select them.

    The drop-down next to the Hex box offers more options
     
  12. If you are looking to select different colors altogether, you can start by clicking the Explore color themes link.

    clicking the Explore Color Themes link
     
  13. You can choose from the Minimal, Bright, or Pastel categories.

    choose from the categories
     
  14. If you would like to see more choices for color themes within these categories, you may select the Load More button, giving you endless color combinations. After finding the theme you want for your site, click your selection to apply the colors to your site.

    select the Load More button
     
  15. Once you have selected your color theme, you will be able to select from these colors to change things like text, buttons, and section background colors.
  16. Once you are finished, be sure to Save and Publish your changes to make them live.

    Save and Publish your changes
     

Section color

If you need help changing your section background, check our Change section background article.

 

Get practical tips and product updates on LinkedIn.
Follow Network Solutions