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

 

 

Replies 4 (4)

Small_Task_Help
Shopify Partner
528 16 36

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

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

Hi ,

I tried this code , but it is not working . 

PageFly-Oliver
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

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



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.

Emmanuelle1
Excursionist
24 2 3

Hi there,

 

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

 

Best