How to reduce the margins of the sliders

How to reduce the margins of the sliders

Not applicable

Hello there , 


Is there any way to reduce the left and right margin of the sliders in the home page , so that it aligns with the border of the website. Right now the sliders have no margin it streches across the size of the screen , I want the margin and it border to be fixed along with the websites margin, Any ideas on how to solve this issue?


Site url ::



Replies 4 (4)

Shopify Partner
528 16 36



CSS file. It's often named styles.css or theme.css.

Add Custom CSS

.slider-class {
    margin-left: 20px; /* Adjust the left margin as needed */
    margin-right: 20px; /* Adjust the right margin as needed */

Replace .slider-class with the actual class or ID

Save->preview and publish

Click here to Contact and Get Shopify Store Help
E-mail -
We are Shopify Experts   from Ecommerce Small Task Company.
Not applicable

Hi ,

I tried this code , but it is not working . 

Shopify Partner
878 190 176

Hi @Anonymous ,


You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

#shopify-section-template--21179090436405__166444164940fb6e0d .container{

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

24 2 3

Hi there,


I'm facing the same issue, if someone has found a solution, thanks for sharing!