How do I brand my site?

There are currently three options available to brand your site: Logo & Basic ColorsAdvanced Branding and CSS. Both Advanced Branding and CSS are for advanced users, so we recommend you get started with your logo and basic site colors.

Basic branding allows you to quickly brand your site by uploading your own logo and setting a color scheme.

Here you will have the option to upload your site logo. Click on the browse button to search for the image on your computer and upload it.

Accepted formats include jpg, non-animated gifs and png files no larger than 1MB. Recommended file size is 300px wide X 100px tall. Larger images will be resized to fit within these dimensions.

Favicon

A favicon is the small icon for a site displayed in the address bar of your web browser.

Click on the browse button to search for the image on your computer. If you don’t have one yet, you can generate a favicon based on your site logo by clicking on Generate favicon from logo at the top of the page.

Color options

At the bottom of the page you will see a section that allows you to set some basic colors for your site. If you already have a set of corporate colors to use, you can enter their #HEX values or select a color via the color-picker by clicking on the color indicator to the right of the #HEX value.

You can also have your the colors of your logo determine the color scheme of your site. Click on Generate colors from logo at the top of the page and the color options will be automatically populated.

Keep in mind that the colors that you wil define on that screen will only affect your administration site, not the site seen by your end-users.

Customizing the interface of your clients

The logo and the favicon will be applied to the interface of your clients as well. However, if you want to offer more customization, like changing the color of the tabs, or the background color, you will have to do it with CSS. To access this feature, you have to go to the CSS tab under Your Site Settings inside the Settings tab.

Using CSS, you will have a complete control over the look and feel of the end-user interface. This feature requires the knowledge of CSS though.

[Total: 0    Average: 0/5]
Updated on October 21, 2017

Related Articles