Removing space on product page under price

[Franrulzok]

Hi, thanks for your help! I am using Woodstock theme, my store is: https://leadingsolutions.co.nz/. 

I am trying to reduce the space between the price and the afterpay message on the product page so that they are a bit more cohesive but I can't figure out how to do it. See below.

[PageFly-Richard]

Hi @Franrulzok 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.product__info-wrapper .product__title + div {
    margin: 0;
}
.product__info-wrapper .product__tax, .product__info-wrapper .installment {
display: none;
}
div.shopify-block:has(square-placement){
margin-top:0;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[Franrulzok]

Thanks for your reply. This just removes the space above the price (which I'm not as keen on) but the spacing above afterpay message is still there?

[Tech_Coding · Accepted solution]

Hello @Franrulzok 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  div.shopify-block:has(square-placement) {
     margin-top: -26px !important;
  }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.