Decrease the gap between price and widget

Hi guys, Just wondering whether i can shrink the gap between the price of my product and the widget below as i have highlighed in the picture? The widget is from an app i am using called ‘BookThatApp’.

This is dawn 2.0 theme

Site URL https://93d862.myshopify.com/

Password: stecew

Thanks in advance

1 Like

@Ryanxanthopoulo

Please add the following code at the bottom of your css file.

#bta-product-widget{
margin-top: -50px;
}

Hello There,

Admin go to online store → themes → actions → edit code
Find Asset >base.css and paste this at the bottom of the file:

.sub-panel.sub-panel{
padding:0!important;
}

@Ryanxanthopoulo

Go to assates/base.css and paste below css at bottom of file.

.izyloader
{
display: none !important;
}

#bta-product-widget
{
margin-top: -30px !important;
}

Hello @Ryanxanthopoulo ,

You can follow these steps:

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

  1. Open your theme.liquid file, paste the below code before


I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

Hi [email removed]Ryanxanthopoulo,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file section-main-product.css

Step 3: Paste the below code at bottom of the file → Save

#bta-product-widget{margin-top:-50px !important}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

Thank you all for all the responses. This has solved my issue