I want to remove padding from my product page Shown in image
URL https://plugmydrip.com/products/air-jordan-1-retro-high-og-unc-toe
Topic summary
A user seeks to remove unwanted padding from their Shopify product page, providing a URL and screenshot as reference.
Initial Solutions Proposed:
- One responder suggests accessing the theme code via Shopify admin (Online Store > Themes > Edit Code) and modifying the CSS file by adding
.product-page-class { padding: 0; }to remove all padding values.
Alternative Diagnosis:
- Another participant identifies the spacing as originating from the Cashfree app rather than theme CSS, recommending contacting the app provider to resolve the issue.
Current Status:
- The original poster reports being unable to contact Cashfree (no support options provided) and asks where to add the CSS code.
- The discussion remains unresolved, with uncertainty about whether the solution is CSS-based or app-related.
1 Like
Hi! Mitesh3 this is the solution that you need
- Access the theme code:
- go to shopify admin panel
- Navigate to Online store > themes.
- click on actions for your current theme, then edit code
When you do this them locate the relevant css file that control the styling of your product page.
the page seems like theme.sccss.liquid you have to add or modifify your css
remove all padding or specify individual padding values
the code is :
.product-page-class{
padding:0;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:0;
}
save and preview your store and ensure that padding will be removed as desired
Regards : hassankazmi22
Hi @Emiway
That space is from the cashfree app.
I cant see the code for making this space. I suggest contact the app provider.
Thanks!
Where To Add This Code?
I Can’t Contact App Provider Cashfree doesn’t Have Provided With Anything to contact them