This tutorial will show you how to change slider dimensions in Shopify template.
Login to your admin panel and navigate to Themes option.
Click on Customize Theme button.
Our new images were created with 570px width and 322px height. Original images were 1170 x 450 px
We are not going to use third slider image in this example, however, please note that you need to have all your images with the same size.
Save our settings by clicking on Publish changes button.
Go to Themes -> Edit HTML/CSS option
Click to select widget-nivoslider.liquid file under Snippets.
Insert the following div under:
<div class="container"> <div class="row">
Depending on desired slider size, we will insert the following div into the
<div class="row"> <div class="col-md-9">
To make it bigger or smaller, increase or decrease the col-md- value, for example:
<div class="col-md-6"> or <div class="col-md-12">
Dont forget to close your newly added divs by adding closing div tags at the end:
Click on Save button to save your changes. Reload your page to see the changes.
This is it. Now You know how to change slider dimensions in Shopify. Good luck!
Feel free to check the detailed video tutorial below: