Remove Padding From Size Popup on Website

Solved

Remove Padding From Size Popup on Website

EFJ9678
Visitor
2 0 1

Hi, I have recently added a 'Size' pop up to the product page and I am struggling to remove the padding at the top and bottom of the button. We have a wide array of products with different sizing guides for each, I am looking for a solution which can be used across different product templates. I have set up a staging site and tested a few solutions on the forum but can't get anything to work. I would greatly appreciate any help in resolving this!

 

The theme is dawn, I have included a link to the sample product page below. Many thanks in advance for all your help with this!

 

https://www.watchandstrap.co.uk/products/le-mans-cobalt-blue-and-green-leather-padded-racing-watch-s...

 

Padding Image Example.jpg

Accepted Solution (1)

Moeed
Shopify Partner
6719 1814 2198

This is an accepted solution.

Hey @EFJ9678 

 

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 </body> tag

<style>
modal-opener.product-popup-modal__opener.quick-add-hidden {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}
</style>

RESULT

Moeed_0-1738669910865.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
6719 1814 2198

This is an accepted solution.

Hey @EFJ9678 

 

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 </body> tag

<style>
modal-opener.product-popup-modal__opener.quick-add-hidden {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}
</style>

RESULT

Moeed_0-1738669910865.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


EFJ9678
Visitor
2 0 1

Moeed, you are amazing! Thank you so much for your fast response! 😁

Moeed
Shopify Partner
6719 1814 2198

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications