Solved

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

thisiskishor
Tourist
12 1 4

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:

Screenshot 2024-06-04 at 6.10.01 PM.png

 

Thanks for any help in advance! 

Accepted Solutions (2)

Made4uo-Ribe
Shopify Partner
6383 1533 1902

This is an 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:

Made4uoRibe_0-1717505757781.png

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

Same Instruction. 

 

.section {
    padding: 0 !important;
}

 

And Save. 

Result:

Made4uoRibe_1-1717505837545.png

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.

View solution in original post

thisiskishor
Tourist
12 1 4

This is an 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;
}

View solution in original post

Replies 4 (4)

Raj-webdesigner
Shopify Partner
268 60 65

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

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

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


Moeed
Shopify Partner
3878 980 1224

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:

Moeed_0-1717505101356.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Made4uo-Ribe
Shopify Partner
6383 1533 1902

This is an 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:

Made4uoRibe_0-1717505757781.png

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

Same Instruction. 

 

.section {
    padding: 0 !important;
}

 

And Save. 

Result:

Made4uoRibe_1-1717505837545.png

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
thisiskishor
Tourist
12 1 4

This is an 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;
}