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.

Template Name Width (pixels) Height (pixels)
Blaze341136
Branded30357
Cobalt 272 88
Community 284 57
Crafted 227 166
Evergreen 134 153
Flying Ink 341 87
Garden 170 192
Generate 230 82
Glory Days 274 115
Headline 170 181
Health & Support 326 150
Home Base 297 84
Identity 3.0 272 60
Labeled 3.0 400 123
Maple Promos 253 75
Paper Plane 3.0 445 104
Periodical 248 60
Shifting Gears 284 119
Snap 3.0 209 95
Spotlight 298 130
Stadium 278 45
Stars & Stripes 253 75
Sublime 280 81
Summit 299 67
Tapestry 341 107
Team Builders 230 78
Thematic 325 93
Victory 399 150

Templates for Company Stores

Template Name Width (pixels) Height (pixels)
Education 154 154
Employee Appreciation 368 100
Finance 253 54
Fundraising Event 336 150
Healthcare Market 398 90
Real Estate 405 130
Social Distancing 92 100

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