How can I center payment icons below the buy button?

Store Design
1

Hello,

I want to center the payment icons below the buy button but it does not work. I am using the dawn theme and added the code with a custom liquid.

{{ 'sections.footer.payment' | t }}
    {%- for type in shop.enabled_payment_types -%}
  • {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
    • {%- endfor -%}

The style="text-align: center won’t work. It still looks like this (please take a look at the screenshot)

Screenshot 2022-08-13 at 17.13.27.png
Screenshot 2022-08-13 at 17.13.27.png936×262 9.43 KB

Can anybody help?

2

Try this:


{{ 'sections.footer.payment' | t }}

{%- for type in shop.enabled_payment_types -%}
- {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}

{%- endfor -%}
1 Like
3

Perfect, thank you so much, it worked!