How to add margin or white border to sliders in the home-page

Shopify Discussion
1

Hello there ,

Is there any way to add a margin or white space to the sliders , currently the sliders look like this in my site :

mar.png
mar.png2004Ă—884 339 KB

I want the sliders to appear like this , to have some kind of margins spanning on both left and right side , any ideas on how to do this.

mar2.png
mar2.png1907Ă—842 393 KB

Site url :: https://aass4staid4g17gf-71493648693.shopifypreview.com

Thank You !!!

1 Like
2

Hi @Anonymous

Do you mean like this? I just add 20px so it will line to your other section but you can change it the size you like. Check this one.

Made4uoRibe_0-1697986063982.png
Made4uoRibe_0-1697986063982.png1366Ă—507 224 KB

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#Slider-template--21179090436405__618a0282-c079-42aa-a005-eb543079cfcb {
    padding: 0 20px;
}
  • And Save.
1 Like