Resize payment icons on footer and checkout page Dawn 15V

[ctal37]

Hiii

I want to change the sizes of my all payments icons. Please help me 

I've added these icons using this code:

<ul class="list list-payment" role="list" style="margin-top:13px;">
{% assign enabled_payment_types = 'master,visa,rupay, upi' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
<li class="list-payment__item">
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{%- endfor -%}
</ul>

[niraj_patel · Accepted solution]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .icon--full-color {
     width: 50px !important;
      height: auto ;
  }
  .list-payment {
      align-items: center;
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BrainStation23]

Hi @ctal37. Can you share the store url for which you applied these css?

[ctal37]

store url:

https://5a3cf5-fc.myshopify.com/cart

[niraj_patel · Accepted solution]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .icon--full-color {
     width: 50px !important;
      height: auto ;
  }
  .list-payment {
      align-items: center;
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BrainStation23 · Accepted solution]

Thank you for the url @ctal37. You can adjust the height and width of the following code:

.icon--full-color {
  width: 48px;
  height: auto;
}

Currently you've width: 35px. Let us know if you've any query.