Back
How to Customise a Sitebeat Template

After you select a template for your website, you can customise its theme. Hence, it matches your personality if you set up a blog or your brand to bring your business online.

Although each Feature you add to your website can be customised individually as you build your website, you can save time and effort if you customise your Sitebeat Template's Theme first. For example, when you add text features, it will automatically use your preferred font type, style, and colour instead of your default theme's settings. This means that you don't have to apply the same settings every time you add the same feature.

Note: Each feature you add to your website is still fully customisable by accessing its individual editing options.

Here are the steps you'll need to customise your Sitebeat Template:

  1. Log In to access the Sitebeat Dashboard.
  2. Under My Sites, click EDIT SITE of the website that you wish to manage.
  3. Note: If you want to edit a new site, you have to unpublish the current website and make your new site as your primary website.

    Under My Sites, click the [...] Ellipsis Icon on the top-right corner of the website to unpublish the current site. Click Unpublish Site, and then click Yes, Unpublish to confirm.

    Under My Domains, click the [...] Ellipsis Icon of the website that you want to replace as your primary website, then click Replace Primary. In the pop-up window, select the domain of the new website in the New Primary Domain list, then click Replace Primary. You can also click the Domains tab under My Sites to perform the necessary steps mentioned.

    You can now edit the new site that you wish to manage.

    If you haven’t started one yet, click the SELECT TEMPLATE option under My Sites. Browse through the Templates screen, click on a template to preview it, and then click the CREATE THIS SITE button on its top-right corner to use it.

  4. Click THEME from the left-side menu on your Sitebeat Editor, and then click on the following elements to customise them:
    Colors Customise the colors to use for your template using any of the three options:

    • Select a preset group of Color Themes from the drop-down list.
    • Manually set the colors you prefer to use for the following:
      Primary The main theme color.
      Secondary The second theme color used for contrast.
      Text The default text color.
      Light Text The alternative text color used for darker backgrounds.
      Complementary The color used as an accent for special elements.
    • Click the Color Wizard to upload your logo or any photo whose colors you'd like to use for your website's theme. Drag the five color-selector dots around the image to pick the colors you want to use, and then click the Take Colors button. Drag and drop the defined colors to replace the Primary, Secondary, Text, Light Text, or Complementary colors of your theme, and then click Save when done.
    Fonts Customise the font type and style of your Template's Heading and Body Text using these steps:

    • Font Type - Click on the current font type's drop-down and select a new one from the list.
    • Font Style - Click Style and select a preferred font style from the drop-down list.

    You can also use one font only for both heading and text by enabling this option.
    Headings Customise your template's banner text, main heading, heading, small heading, subheading, and text using these options:

    • Font Size & Line Spacing - Drag their corresponding bars to adjust.
    • Text Style - Click on the current style to view and select from the list.
    • Text Format - This is set to default. Click on it to view and select from the list.
    Links Customise the style for displaying text links on your website with the following steps:

    1. Select a link style from the drop-down list.
      This is how the text link reacts once the mouse pointer is hovered over it.

      Note: To preview the action for the style selected, hover your mouse pointer over the sample text link in the preview panel on the left side.

    2. Click on the respective text emphasis icons (bold, italics, underline etc.) to further customise the appearance of your text links.
    Buttons Customise your button's appearance by clicking on the corresponding icons under each style: Primary Solid, Secondary Solid, Primary Outline, and Secondary Outline.

    Clicking on the Gear Icon under each style will allow you to change the shape of the button.

    Note: To use any of these styles, click on a button on your website, then click the Gear Icon. If the Button is within your Menu Block, hover your mouse pointer over it, and then click Edit. The button style options will appear under Type.

    Quotes Customise the style to use for displaying quotes on your website by selecting a preferred style option from the drop-down lists. Personalise its design using the respective text emphasis icons (bold, italics, underline etc.).

    This applies for both Primary and Secondary Quotes.
    Divider Select the format of the divider that you will use for your website. You can also adjust the format for your brand.

You just customised the Sitebeat Template. When you update or make changes to your projects, it is automatically saved by the system to the server as long as you are connected to a stable internet connection.

Note: Click RESET at the top of the left-side menu within each element mentioned above, to revert to the Template's Default Settings.

Was this helpful?
64% of people found this helpful.
-