ATC Button: Removing Bottom Margin

Shopify Discussion
1

alyhz_0-1720712351547.png
alyhz_0-1720712351547.png1014×348 24.4 KB

how can I remove the margin bottom of the ATC button? I want no spacing between the payment icons and the ATC

Thanks!

2

Hey @alyhz

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 tag

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

Best Regards,
Moeed

3
  • Here is the solution for you @alyhz
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.product-form__submit, .product__info-container .product-form {
     margin-bottom: 0px !important;
}
.list-payment {
        margin-top: -1rem !important;
}
  • Here is the result you will achieve:

BSSTekLabs_0-1720714863196.png
BSSTekLabs_0-1720714863196.png656×346 9.65 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
4

Hi @alyhz

Check this one.

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
product-form.product-form {
    margin-bottom: 0px !important;
}
5

why isn’t that working accordingly for mobile? just made the changes

6

not working for mobile unfortunately