- Web templates
- E-commerce Templates
- CMS & 博客 Templates
- Facebook Templates
- Website Builders
常见问题
General Tutorials
- Developer Tools
- Hosting FAQ
- Working with CSS
- Working with Photoshop
- Working with HTML
- Working with Files
- Working with JQuery
- Working with fonts
Featured templates
og体育首页ONE Subscrioption
< / div > < / div > < / div > < / div > < / div >Shopify. How to change 滑块 dimensions
This tutorial will show you how to change 滑块 dimensions in Shopify template.
Shopify. How to change 滑块 dimensions
-
Log into your admin panel and navigate to 主题 option.
-
Click on Customize Theme button.
-
Our new images were created with 570px width and 322px height. Original images have 1170 x 450px.
-
We are not going to use the third 滑块 image in this example, however, please note that you need to have all your images with the same 大小.
-
保存 the settings by clicking on Publish changes 按钮:
-
去 主题 -> Edit HTML/ CSS option.
-
Click to select 小部件-nivo滑块.液体 file under Snippets:
-
Insert the following div under:
Depending on the desired 滑块 大小, we will insert the following div into the
To make it bigger or smaller, increase or decrease the col-md- value, for example:
orDon’t forget to close your newly added divs by adding closing div tags at the end:
Click on 保存 button to save your changes. Reload your page to see the changes.
This is it. Now you know how to change 滑块 dimensions in Shopify. Good luck!
Feel free to check the detailed video tutorial below:
Shopify. How to change 滑块 dimensions
< / div >< / div >This entry was posted in Shopify Tutorials and tagged dimension, 调整, Shopify, 大小, 滑块. Bookmark the permalink. < / div >Related posts
JS Animated. How to change 滑块 speedJanuary 27, 2020 < / div >This tutorial shows how to change the 滑块 image rotation speed in JS Animated templates. The 滑块, usually used in the JS Animated templates is called TM_Slider and as any other jQuery based 滑块 it has various settings. Let’s see how to configure it. Open the JS Animated template folder and go to the site […]
< / div > < / div >Shopify. How to manage 滑块 options (speed, effect, autoplay)January 27, 2020 < / div >This tutorial shows how to manage 滑块 options in Shopify template.
< / div > < / div >JS Animated. How to change Camera 滑块 speed, effect and other optionsJanuary 27, 2020 < / div >We are proud to present a new video tutorial on Camera Slideshow, a popular jQuery plugin.
< / div > < / div > < / div >Submit a ticket
If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket
< / div > < / div > < / div >< / div > < / div > < / div > < / div > < / div > < / div >