How to reduce the margins of the sliders

[Anonymous]

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 :: https://dikqyq72w43x0w8i-71493648693.shopifypreview.com

[Small_Task_Help]

Hi,

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

[Anonymous]

Hi ,

I tried this code , but it is not working . 

[PageFly-Oliver]

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

<style>
#shopify-section-template--21179090436405__166444164940fb6e0d .container{
max-width:unset
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[Emmanuelle1]

Hi there,

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

Best