Re: How do I add spacing/padding around slideshow

Solved

How do I add spacing/padding around slideshow

AMOB
Shopify Partner
115 1 36

How can I add spacing/padding on bottom and top of slideshow, because theres no option, its on the bottom of my site.

site: http://zoticnewyork.com

Screen Shot 2022-05-22 at 11.24.06 PM.jpg

Accepted Solutions (2)

nidhipatel
Pathfinder
89 20 24

This is an accepted solution.

Hi @AMOB

 

For adding/padding on bottom and top of slideshow, We need to add following CSS in component-slideshow.css:

slideshow-component{
  padding: 30px 0;
}

 

Thank you.

If our answer is helpful then please feel free to Like and Accept it as solution!
Hire our Shopify Developers for all your small & big needs:
New Store Development | Custom Theme Development | Site Speed Optimization
Email: hello@mintyourstore.com | Instagram: @mintyourstore

View solution in original post

bhavini
Shopify Partner
52 16 25

This is an accepted solution.

Hello @AMOB 

1. In your Shopify Admin go to online store => themes => actions => edit code

2. Find Asset => component-slideshow.css and paste this at the bottom of the file:

slideshow-component {
    padding-top: 35px;
    padding-bottom: 35px;
}

Please check the attached screenshot URL: https://prnt.sc/0_7PKWH7f3aP

Thanks.  

- If helpful then please Like and Accept Solution.
- Feel free to contact me on bvnpatel2307@gmail.com regarding any help!

View solution in original post

Replies 4 (4)

nidhipatel
Pathfinder
89 20 24

This is an accepted solution.

Hi @AMOB

 

For adding/padding on bottom and top of slideshow, We need to add following CSS in component-slideshow.css:

slideshow-component{
  padding: 30px 0;
}

 

Thank you.

If our answer is helpful then please feel free to Like and Accept it as solution!
Hire our Shopify Developers for all your small & big needs:
New Store Development | Custom Theme Development | Site Speed Optimization
Email: hello@mintyourstore.com | Instagram: @mintyourstore
amitvparab
Visitor
1 0 0

There is only theme.css, no component-slideshow.css.

bhavini
Shopify Partner
52 16 25

This is an accepted solution.

Hello @AMOB 

1. In your Shopify Admin go to online store => themes => actions => edit code

2. Find Asset => component-slideshow.css and paste this at the bottom of the file:

slideshow-component {
    padding-top: 35px;
    padding-bottom: 35px;
}

Please check the attached screenshot URL: https://prnt.sc/0_7PKWH7f3aP

Thanks.  

- If helpful then please Like and Accept Solution.
- Feel free to contact me on bvnpatel2307@gmail.com regarding any help!
wubbafeli
Tourist
7 0 1

Hello! I don't seem to have a component with the title component-slideshow.css under Asset. Here's the link that would lead you to my website - https://sachi.sg