Image Sizes (Elevate)

Logo Image Size

260px wide by 30px high

 

Home Page Carousel 

1920px by whatever height you want (try 800px high) - for consistency it is important that all carousel images have the same height.

 

Home Page Category Image Sizes

Depending how many categories you have selected to display above, category image sizes below can change.

3 Categories Shown: 370px wide by your choice of height.

If you have chosen 3 categories to be shown, they will be displayed as a tall grid and ideal image size is 370px wide by whatever height you like - just make sure they are all the same size for uniformity.

4 Categories Shown: 370px wide by your choice of height.

If you have chosen 4 categories to be shown, they will be displayed as a tall grid and ideal image size is 370px wide by whatever height you like - just make sure they are all the same size for uniformity.

5 Categories Shown:

If you have chosen 5 categories to be shown they will display in a masonry layout.

Image 1: 370px wide by 620px high

Image 2: 370px wide by 300px high

Image 3: 662px wide by 300px high

Image 4: 662px wide by 300px high

Image 5: 370px wide by 300 high

 

Product Image Size

For best image clarity, we recommend having an image size of 1000 x 1000 px or larger. Remember to keep the size of the image the same. EG do not upload portrait images, then wide images mixed with square images because the website will not look uniform. Try to consistency here - product images are key to increasing sales.

 

Category Image Sizes

1920px wide by whatever height you would like (try 350px or 400px high).

 

 

 

  • 3 Users Found This Useful
Was this answer helpful?

Related Articles

Getting Started (Elevate)

Elevate is lovingly created by Australia’s longest standing, 5-Star customer reviewed BigCommerce...

Theme Installation (Elevate)

After purchasing the theme, Elevate will show up the "My Themes" section of your BigCommerce...

Customizing Theme Overview (Elevate)

Elevate supports multiple methodes of customization and supports the recently released Page...

Global Settings (Elevate)

In your control panel, go to Storefront > My Themes, and click the blue "Customize" button to...

Header & Footer (Elevate)

In your control panel, go to Storefront > My Themes, and click the blue "Customize" button to...