Changing the payment icon colors to red

[lylbrandon]

I would like to change the payment icon colors to red at the bottom of my shopify store the code looks like

{%- capture payment_icon_markup -%}
{%- if show_payment_icons -%}
<div class="grid__item site-footer__payment-icons">
<span class="visually-hidden">{{ 'general.payment.method' | t }}</span>
<ul class="payment-icons list--inline site-footer__icon-list">
{% assign enabled_payment_types = 'visa,master,american_express,paypal,apple_pay,discover' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
<li class="payment-icon">
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{%- endfor -%}
</ul>
</div>

[Natztech]

please share site url so that i check and provide solution

[lylbrandon]

lylstreetwear.com

[KetanKumar]

@lylbrandon 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[lylbrandon]

My URL is lylstreetwear. I would like to know how to change the payment icons to red and I also was contacting you about change the gif from the bottom of my password screen to the entire background instead. @KetanKumar 

[lylbrandon]

the URL is lylstreetwear.com

[paramSoft]

Please place this code at the end of theme.scss

.payment-icon svg path {
fill: red !important;
}

[lylbrandon]

I would like mine to be like the one with the white background. Mine looks like red squares right now. 

[paramSoft]

please add me as a staff member so that I can do this in your website

[lylbrandon]

done