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.

0 Likes

Hello 

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 .
Email: pallavi@oscprofessionals.com
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
0 Likes