The theme automatically scales your product images so they fit nicely in the product gallery "box" on your product pages. However, if your product images are very small, they may appear abnormally large and grainy in this view. To fix this, follow these steps:

1. Click Online Store then the Themes link on the left side of your Shopify dashboard and look for the ShowTime theme.

2. Click on the ... button and choose Edit HTML/CSS from the drop-down menu as shown below.

3. Scroll down and locate the Assets folder. Look for the file called style.css.liquid and click it to open it in the editor.

4. Hit Control + F (CMD + F on a Mac) and paste this code in the search box to locate it:

.slider_1 img {

5. Once you've found it, change this code below it:




6. Save the file.

That should make the images only appear either their actual size or as large as the box will allow. Note that since the theme has allotted a larger space for product images, there will be some white space around your product images. If your product image is now appearing on the left side of the container, you can center it by following these instructions:

1. Back in your theme editor, in the assets folder, look for flexslider-product.css.liquid and open it in the editor.

2. Look for this (around line 82):

#image-block .flexslider .slides img {
max-width: 100%;
display: block;

Below the display:block; but before the closing }, add this line and save the file:

margin:0 auto;

This will center the product image in the window.