How can I eliminate margins and padding on a Publisher product page?

How can I eliminate margins and padding on a Publisher product page?

Freddy2703
Shopify Partner
2 0 2

Hey there, I'm looking to get rid of the top/botoom margins/paddings for the product page. 
The theme I'm using is Publisher. 

 

Bildschirmfoto 2022-12-04 um 00.52.02.png

Replies 6 (6)

GemPages
Shopify Partner
5625 1261 1241

Hello @Freddy2703 ,

 

It's GemPages support team and glad to support you today.

 

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

KetanKumar
Shopify Partner
37037 3644 12019

@Freddy2703 

oh sorry for that issue can you please share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Freddy2703
Shopify Partner
2 0 2
KetanKumar
Shopify Partner
37037 3644 12019

@Freddy2703 

thanks i have checked this issue bt its only image issue  negative spacing 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

PageFly-Victor
Shopify Partner
7865 1785 3095

Hi @Freddy2703 

This is Victor from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

-Go to Online Store->Theme->Edit code

-Asset-> base.css  paste the below code at the bottom of the file.

 

@media(max-width:767px){

.slider.slider--mobile{

padding-top:0 !important;

padding-bottom:0 !important;

}

}

Or

@media(max-width:767px){

.slider.slider--mobile{

margin-top:0 !important;

margin-bottom:0 !important;

}

}

 

Hope my solution works perfectly for you!

Regards,

Victor | PageFly

PageFly-Victor
Shopify Partner
7865 1785 3095

@Freddy2703 
The reason is that you have bigger pictures than the rest. so when displaying it will take the minimum height of the largest image to display. the solution you can update the product images for uniformity and image size

PageFlyVictor_2-1670202801026.png