Customizing your Website’s Colors

With the initial release of Actolio, there are several ways to customize the default design of your new website. From your dashboard, you can quickly change the overall color design, the accent color, and the background color or image.

Overall Color Design

Your Actolio website comes with two overall style options – Light or Dark. Your site will default to “Light” but can be quickly switched to the “Dark” styling.

  1. Log-in to your Actolio Website Dashboard
  2. Navigate to the “Website Settings” -> “Theme Options” section of your dashboard.
  3. Select the “Colors” tab at the top of the page
  4. Click on the “Base Color” drop down and select “Dark Style”
  5. Click “Save Options”

Accent Color

The accent color for your site will be used to style all the links and buttons on your site.

  1. Log-in to your Actolio Website Dashboard
  2. Navigate to the “Website Settings” -> “Theme Options” section of your dashboard.
  3. Select the “Colors” tab at the top of the page
  4. Under the “Accent Color” section of the page, click “Select Color”
  5. A Color Picker will pop up and you can manually chose the color you want or add the Hex code for the color you would like
  6. Click “Save Options”

Background Color, Image, or Texture

  1. Log-in to your Actolio Website Dashboard
  2. Navigate to the “Website Settings” -> “Background” section of your dashboard.
  3. Here you will see the options for uploading an image as your background or setting a default color.
  4. Select your options and click “Save Changes”

Setting a pattern for your background

When setting up your background, you may want to add a bit of texture to give your site a really unique feel. To ensure that this displays well, you’ll need to use a repeating pattern. For help in choosing a style, check out SubtlePatterns to see some great options.

  1. Follow steps above for locating background options.
  2. Upload your repeating pattern
  3. Once uploaded, select “center”, “tile”, and “fixed” in the options at the bottom of the page
  4. Select “Save Changes” to save your new background

Leave a Reply

Your email address will not be published. Required fields are marked *