reduce padding on all sections theme influence

brickandbobbin
Tourist
15 0 1

hello i am trying to reduce the padding between sections from 80px to 20px  from all directions 

 

what is the code  and when do i insert it 

 

 thank you 

 

 liron

Replies 6 (6)

techlyser_web
Shopify Partner
1407 263 278

Hello @brickandbobbin 
can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

Dan-From-Ryviu
Shopify Partner
7528 1453 1450

Hi @brickandbobbin 

Usually, it has an option to set section padding when you select a section from your theme's customize Screenshot 2024-03-14 at 11.11.37.png

- Helpful? Like or Accept solution! - Buy a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

brickandbobbin
Tourist
15 0 1
There isnt
Can you help me with the code for it?
Dan-From-Ryviu
Shopify Partner
7528 1453 1450

Hi @brickandbobbin 

Could you share your store URL?

- Helpful? Like or Accept solution! - Buy a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Anshul_arora
Navigator
296 70 50

Hello @brickandbobbin ,

I understand you are looking to reduce the padding size of all the sections.

I believe this is your store https://prnt.sc/kLwaUcl2TFs4 , I have looked through it and shared a code with you to reduce the padding of all sections available in the Home page.

Please add the below mentioned code at the bottom of the theme.liquid file before <body> tag and save.

 

<style>

section.text-body.bg-page.pt-5.pb-3.md\:p-6 {
padding: 20px !important;
}

section.text-body.bg-page.w-full.py-5.px-4.md\:py-6.md\:px-6 {
padding: 20px !important;
}

section.py-5.px-4.md\:px-6.md\:py-6.bg-page {
padding: 20px !important;
}

</style>

 


After adding the code output will be like this - > https://prnt.sc/srLSuDKSDeaT

Anshul_arora_0-1710418538255.png

Anshul_arora_2-1710418615211.png

 

 

I hope the code helps you.

Please let me know if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
brickandbobbin
Tourist
15 0 1
Thank you so so muchhhh