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

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.

1 Like

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

@Freddy2703

oh sorry for that issue can you please share store url

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

https://onncomeup.myshopify.com/products/daydreaming-tee

password: dayble

1 Like

@Freddy2703

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

@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