How to edit slideshow size - debut theme

New Member
1 0 0

Slideshow is now wide, covering the screen. I want it to have white boarders on both sides.

Tried viewing similiar threads, but couldn't find anything that worked.

Inserted the following to Asset->theme.scss

.slideshow__slide {
margin: 0 20px;
box-sizing: border-box;


Also tried:

#shopify-section-hero {
margin-left: 10%;
margin-right: 10%;


But these commands didn't resize the slideshow.

Please give some input on how to resize.



Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

div#shopify-section-slideshow {
    border: 1px solid black;
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit