How do I align my payment icons in the middle?

Solved
Highlighted
New Member
9 0 0

My payments icons are all aligned wrongly, how do i make it in the center?

Untitled.jpg

Thanks.

0 Likes
Highlighted
Shopify Expert
2932 499 674

Hi @fallingsky_92 

Send your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
9 0 0

Hello @Jasoliya 

 

my URL is livelikedecember.com

 

Thank you

0 Likes
Highlighted
Shopify Expert
1353 111 181

Hi @fallingsky_92,
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (min-width: 750px){
.site-footer__payment-icons {
text-align: left !important;
}
.site-footer .grid__item.one-half.small--one-whole:first-child {
width: 50% !important;
text-align: right !important;
}
}

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Shopify Expert Page: https://experts.shopify.com/perennialsolution
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted

Success.

Shopify Expert
2932 499 674

Ad this css in Asset->theme.scss file at bottom:

.site-footer .grid__item:nth-child(2){width:100% !important;}
.site-footer .grid__item:nth-child(2) .site-footer__payment-icons{ text-align: center;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
9 0 0

hello @Jasoliya 

 

the codes works however right now i realized my instagram logo is slighly off,

I have this code (.site-footer .grid__item.one-half.small--one-whole:first-child{width:100%;})  that was meant to align it in center but now i realize it wasn't align all along?

 

May I know how do i align the instagram/social media logos?

 

Thank you.

0 Likes
Shopify Expert
2932 499 674

Its social icon and aligned in center as i can see, if you think else then let me know by screenshot 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
9 0 0

@Jasoliya 

 

here is the screenshot.

 

Thank you.

0 Likes
Highlighted

Success.

Shopify Expert
2932 499 674

Add this css:

.site-footer__social-icons li{ padding: 0;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
9 0 0

@Jasoliya 

 

Thanks! it works

0 Likes