Removing white space from payment icon top and bottom

Technical Q&A
, , , , ,
1

How do I fix the spacing below and above the payment icons causing there to be whitespace? (See screenshot on bottom)

Serny_0-1742845248865.png
Serny_0-1742845248865.png1304×488 22.8 KB

TOP AND BOTTOM, NOT ONLY BOTTOM PLEASE

Product url (example): https://serney.com/products/mark-cardigan
Website: serney.com

Serny_1-1742845253083.png
Serny_1-1742845253083.png1304×488 22.8 KB

2

bump

3

Hi,

Hope this will help

  • Open Theme Editor and check settings
  • If no setting exists, edit CSS files
    CSS example
.payment-icons {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

  • Add margin: 0px !important; padding: 0px !important;

  • Inspect and adjust spacing

  • Modify the parent container (if needed)