Buy button customisation on Squarespace (remove margin-top:20px)

D-Kay
New Member
2 0 0

Hi 

I am designing a webpage and using shopify lite buy button to sell products without leaving the webpage.

There seems to be a 20px margin on the topside of the button which i cannot remove using CSS.

I have searched google and this site for a solution but have not found any. I don't know my way around Javascript enough to know what i need to change to remove this margin. 

Can anyone advise/help me?

The website is: https://www.theearthissue.com/strange-flowers

Thanks

0 Likes
Pallavi
Shopify Expert
785 102 115

Hello There,
share the link or the screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
D-Kay
New Member
2 0 0

Thanks for your reply

link: https://www.theearthissue.com/strange-flowers

jsfiddle: https://jsfiddle.net/cokLej8s/

screenshot:

Screen Shot 2021-02-10 at 08.01.26.png

 

nothing i have tried is able to remove the "margin-top: 20px" from the .shopify-buy__btn-wrapper

 

0 Likes