ESP Websites - Edit Website Design - Knowledgebase / ESP Websites / Site Design - ASI

ESP Websites - Edit Website Design

Authors list

The Edit Websites Design area enables you to manage the look and feel of your ESP Website or Company Store. After logging into the ESP Website Admin, locate your site and then click on the Edit button.

Click on the plus button to expand Edit Website Design menu and click on the option you would like to edit:

Templates & Colors

In the Templates and Colors section, you can browse through the library of templates, or you can filter the results using the Narrow Template Selection options.

Narrow Template Selection

Use the dropdown in the Narrow Template Selection section to select the size of the logo you would like to have: All Sizes, Traditional or Large. Then, choose the template type: All or Industry. Industry template ensure that the content of your site, as well as the look and feel, relate directly to the trade you selected, such as Financial or Healthcare. Next, check the box next to video, social feed, Google map and left navigation for each feature you would like to have included on your site.

Select a Template and Color

Each template has preset color schemes available. To preview the template in any of the color schemes, hover over the color swatch. The template you have selected is indicated by a large check mark.There will be a square around the color you have selected.

To make your new template and color scheme live, click on the Make Changes Live link. You will receive a notification that your changes have been successfully published.

Select a Large Banner Template

Large banner templates are available in the template listings. To preview the template in any of the color schemes, hover over the color swatch. You may want to change the banner images on these templates. Before changing the banner, make sure the image you are looking to replace it with is 1280 pixels wide. If it is, you are ready to customize your banner.

My Site Logo

In the My Site Logo area, you can upload a new logo or favorite icon for your site. What would you like to do?

Upload a New Logo

To upload a new logo for your ESP Website, click on the Browse button in the Upload Your Logo section.

The Media Manager will open. To select an image, hover on the image and then click on the "Select File" button.
Note: If the image you would like to use is not yet in the Media Manger, click on the "Upload Files" button and browse your computer for an image.

You will see a preview of your image in the Logo Preview window.

If you do not have a company logo, type your company name into the last field in this section. Just like with an image, a preview of your typeset logo will appear in the Logo Preview window.

Click Save when you are finished.

After saving your logo, you will see a pop-up notification that your changes have been saved. To make the logo live on your site, click on the Publish button in this window. If you are not ready to make the logo live, click on the Not Now button. You will be able to publish the logo at any time using the Make Changes Live link in the upper right area.

Optimal Logo Sizes

The optimal logo size for a template will vary because each has its own unique layout. The tables below provides the logo dimensions (in pixels) for all Company Store and ESP Websites layouts.

Company Stores:

Template Name Width Height
Education 294 227
Fundraising & Awareness 402 172
Health Care 261 115
Employee Recognition 137 102
Finance 300 100
Real Estate 534 150

ESP Websites:

Template Name Width Height
Branded 464 110
Summit 255 125
Generate 220 95
Thematic 290 85
Evergreen 227 96
Spotlight 300 120
Sublime 380 140
Garden 300 300
Snap 3.0 253 100
Identity 3.0 350 105
Paper Plane 3.0 400 120
Labeled 3.0 400 120

Upload a Favorite Icon (Favicon)

A favicon is the image that appears to the left of the page title both in the tab bar that is displayed in many browsers as well as in the bookmarks when a site is saved.

To customize this image for your ESP Website or Company Store, log into the ESP Websites Admin.

Click on the Edit button next to the site for which you would like to add the favicon. Expand the Edit Website Design section using the plus sign (“+”) and then click on the My Site Logo link.

In the Upload Your Favorite Icon section, click on the Browse button to upload an image from your computer. Images must be in a .JPG or .JPEG and less than 2MB in size. Locate the image on your computer and then click on the Open button.

A preview of the image will appear in the Preview box. Click on the Save button below the Preview box and then click on the Make Changes Live link.

Font

In the Font section, use the dropdown to select the font you would like to use on your site.

Click Save when you are finished.

After saving your font selection, you will see a pop-up notification that your changes have been saved. To make the font active on your site, click on the Publish button in this window. If you are not ready to make the font live, click on the Not Now button. You will be able to make your new font selection active at any time using the Make Changes Live link in the upper right area.

Helpful Unhelpful