How to Choose and Customize a Theme in Weebly

As we upgrade our Customer Portal to an optimized and easy-to-use design, you may find some hosting products and/or services no longer available. Due to this update, Weebly is no longer offered by HostGator for new signups. If you currently have the service, there will be no change to your product or service.

The first step in designing a good website with Weebly is choosing a theme that matches your content and overall design. However, during the design process, things may change, and you may wish to use a different theme. Fortunately, you can change your Weebly theme at any time by going to the Theme tab in Weebly.

Choosing a Theme in Weebly

There are over a hundred Weebly themes to choose from that include a variety of color choices and allow further customization. Selecting the right theme helps ensure your Weebly website design aligns with your style and content goals.

Search and Sort through Themes

To narrow down your options, you can try sorting the themes. They can be sorted by category, popularity, and custom themes, making it easier to find the best Weebly theme for your needs.

Preview Theme

When you scroll over a theme, you can click Preview to see an example of how your pictures and content will appear in this new theme. Previewing helps you evaluate whether the design supports your content structure and visuals.

An example of the preview button showing when a theme is hovered over.

If you like the theme, you can click Choose from the toolbar at the top of the preview screen. Otherwise, you can click Cancel and look through other available Weebly themes.

Customize Theme

Once you have selected a theme you like, you can use the Design Options section to fine‑tune your theme. Some themes will allow you to choose a different color to see the theme in a different scheme, helping you better match your brand identity.

Design options can be found between Favorites and All Themes in the Design tab on the left side

From the design options section, you can change several components of the theme. While these changes are optional, they can have a significant impact on the final appearance of your website. These options allow you to adjust the font, font color, font size, font style, weight, and letter spacing for the following:

The links section of the Design Options

Titles
Paragraph Text (most of the text content of your site will probably be paragraph text)
Links
Buttons
Image Captions
Products (for Business Plans)

Edit HTML/CSS

To give your theme even more customization, you can edit the HTML and CSS of the templates. Using the sidebar navigation, you can change which page you are editing and apply deeper design modifications, ideal for users comfortable with advanced Weebly customization techniques.

The links section of the Design Options

Did you find this article helpful?