How do I reduce this gap between these two elements? (dawn theme)

[sunny96x]

website: https://shopstellory.com/products/sticky-inserts

[GTLOfficial]

HEllo @sunny96x 

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-main-product.css
add this code at the end of the file.

.product__info-container .product-form, {
margin: 0;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Made4uo-Ribe · Accepted solution]

Hi @sunny96x 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

#ProductInfo-template--23553363607828__main > div:nth-child(8), product-form.product-form {
    margin-top: 0 !important;
}
.ss-trust-badges-list-template--23553363607828__ss_trust_badges_3_PXfxth {
    margin-bottom: 0px !important;
}

And save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!