How can I adjust payment icon size in Impulse 7.4.0 theme?

Topic summary

A user seeks help adjusting payment icon sizes in the Shopify Impulse 7.4.0 theme. Their initial CSS attempt (added above </body> in theme.liquid) failed to work.

Solution provided:

  • Add CSS code above the </head> tag in the theme.liquid file instead
  • Access via: Online Store → Edit Code → Find theme.liquid file

Follow-up issue:
After successfully implementing the fix, the user asks how to reduce vertical spacing (padding/margin) above and below payment icons on the product page. They provide screenshots showing the current spacing and desired result.

The discussion remains open regarding the spacing adjustment question.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.

Hello Everyone!

I am using the Shopify Impulse 7.4.0 theme. I want to keep payment icon sizes the same. Please help me.

Thank you.

I pasted this code above the of the theme Liquid. Then it doesn’t work.

img.icon.icon--full-color { width: 38px !important; height: 24px !important; margin-bottom: 7px; } ul.inline-list.payment-icons.footer__section { display: flex; justify-content: center; align-items: center; }

Hi @dreamtechzone_5

Can you please provide your Store URL and Password too?

With Regards,
Dbuglab

1 Like

https://maebeauty.se/

@dreamtechzone_5

Please follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Please find theme.liquid file
  4. Add the following code above tag

1 Like

Thanks, It worked.

How can I reduce the space above and below the payment icon on the product page?

Exactly like this.