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
3474 543 819

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
1381 111 200

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;
}
}

0 Likes
Highlighted
Shopify Expert
3474 543 819

This is an accepted solution.

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
Highlighted
Shopify Expert
3474 543 819

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
Shopify Expert
3474 543 819

This is an accepted solution.

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