how to remove padding?

Store Design
, , ,

Topic summary

A user seeks to remove unwanted padding from their Shopify product page (specifically from a section displaying product blends).

Multiple solutions provided:

  • Add custom CSS targeting .section.section-blends.section-full with padding-block-start: 0 !important; or padding-top: 0 !important;

Implementation methods suggested:

  1. Insert CSS code in theme.liquid file before the </body> tag wrapped in <style> tags
  2. Add code directly to theme.css or base.css file
  3. Access through Online Store → Themes → Edit Code

All respondents provided similar CSS-based solutions with minor variations in syntax. Screenshots were shared showing the problematic padding area and expected results after applying the fix.

Status: Multiple working solutions offered; awaiting confirmation from original poster on which approach resolved the issue.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

i want to remove padding from here!!

URL: https://zappdrink.myshopify.com/products/zapp-berry-drink
PASS: Zapp

Screenshot 2024-11-11 104814.png
Screenshot 2024-11-11 104814.png1897×912 172 KB

2

Hey @Emiway

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 tag

RESULT:

Moeed_0-1731303442412.png
Moeed_0-1731303442412.png1896×906 204 KB

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

Best Regards,
Moeed

3

Hello @Emiway
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

.section.section-blends.section-full {
padding-block-start: 0px !important;
}

result

85.png
85.png438×530 141 KB

If this was helpful, hit the like button and accept the solution.
Thanks

4

Hello @Emiway

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.section.section-blends.section-full { padding-top: 0 !important; }

Tech_Coding_0-1731304007726.png
Tech_Coding_0-1731304007726.png1350×630 307 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

5

HI, Emiway

EricHAN_1-1731304005047.png
EricHAN_1-1731304005047.png2866×1202 695 KB

Add below code into your theme.liquid or base.css

div.section.section-blends.section-full{
 padding-top: 0px;
}
6

Hi @there

You can follow the instruction here :

  1. Go to Shopify > Theme > Customize > open theme.CSS
  2. Copy and paste this code to the section > Save

section#shopify-section-template–17246699585581__media_with_text_VVNptk .section {
padding-block-start: 0;
}