Changing the payment icon colors to red

lylbrandon
Excursionist
11 0 5

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
Explorer
141 31 26

please share site url so that i check and provide solution

Want to theme customize Hire us.
If helpful then please Like and Accept Solution

E-mail :natztech2312@gmail.com
lylbrandon
Excursionist
11 0 5

lylstreetwear.com

0 Likes
KetanKumar
Shopify Partner
14446 1674 5193

@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.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
lylbrandon
Excursionist
11 0 5

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 

0 Likes
lylbrandon
Excursionist
11 0 5

the URL is lylstreetwear.com

paramSoft
Shopify Partner
1466 239 655

Please place this code at the end of theme.scss

.payment-icon svg path {
fill: red !important;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
lylbrandon
Excursionist
11 0 5

Screen Shot 2021-01-27 at 11.52.16 PM.pngScreen Shot 2021-01-27 at 11.52.09 PM.png

 

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

0 Likes
paramSoft
Shopify Partner
1466 239 655

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

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
lylbrandon
Excursionist
11 0 5

done

0 Likes