Shopify. How to change slider dimensions

This tutorial will show you how to change slider dimensions in Shopify template.

Shopify. How to change slider dimensions

1. Log into your admin panel and navigate to Themes option.

2. Click on Customize Theme button.

3. Our new images were created with 570px width and 322px height. Original images have 1170 x 450px.

4. We are not going to use the third slider image in this example, however, please note that you need to have all your images with the same size.

5. Save the settings by clicking on Publish changes button:

   

6. Go to Themes -> Edit HTML/CSS option.

7. Click to select widget-nivoslider.liquid file under Snippets:

   

8. Insert the following div under:

9. Depending on the desired slider size, we will insert the following div into the

10. To make it bigger or smaller, increase or decrease the col-md- value, for example:
    

    or

11. Don’t forget to close your newly added divs by adding closing div tags at the end: