Need help to remove white space from slide show on ride theme

[thisiskishor]

Hello, I need help removing the white space in the slideshow (mostly all blocks as it adds padding on the top and bottom) but I cannot find the code that's doing so. The theme we're using is ride and here's the link to the store (www.fitnessnbalance.com). 

Image for reference:

Thanks for any help in advance! 

[Made4uo-Ribe · Accepted solution]

Hi @thisiskishor 

You add padding for all section. I you like to remove on the slide only you can check this one. 

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:

section#shopify-section-template--17882014908635__slideshow_aqRNEQ {
    padding: 0px !important;
}

And Save. 

Result:

If you like to remove the padding in all section. Check this code. 

Same Instruction. 

.section {
    padding: 0 !important;
}

And Save. 

Result:

[Raj-webdesigner]

Add This css in your edit code > base.css File

.content-for-layout.focus-none section:first-child {
    padding: 0;
}

[Moeed]

Hey @thisiskishor 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section {
    padding: 0 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Made4uo-Ribe · Accepted solution]

Hi @thisiskishor 

You add padding for all section. I you like to remove on the slide only you can check this one. 

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:

section#shopify-section-template--17882014908635__slideshow_aqRNEQ {
    padding: 0px !important;
}

And Save. 

Result:

If you like to remove the padding in all section. Check this code. 

Same Instruction. 

.section {
    padding: 0 !important;
}

And Save. 

Result:

[thisiskishor · Accepted solution]

Thank you very much!

I just removed the section reference on the section where I needed the padding removed, and it worked like a charm!

section#shopify-section-template--17882014908635__slideshow_aqRNEQ {
padding: 0px !important;
}