How to center social media links and payment icons in footer?

rgapski32
Tourist
4 0 0

My Shopify site is serenemelancholy.com.

 

My footer currently looks like this:

Screenshot_33.png

How can I center all the stuff in my footer so that it looks like this:

Screenshot_34.png

0 Likes
Jasoliya
Shopify Expert
4138 569 1000

store is password protected so send me password in private massage or here so i can give exact solution. 

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

The password is password

0 Likes
Jasoliya
Shopify Expert
4138 569 1000

Do you know code? because for that you have to change some code in section->footer.liquid file

1. Find site-footer__social-icons UL and move it from grid to above grid next to payment-icons UL

2. Remove one-half class from "grid__item one-half small--one-whole".

2. Add one css in asset->theme.scss-> add at bottom of file

.site-footer .grid__item.small--one-whole:first-child{     text-align: center;}

Let me know if you need help.

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

Hi @Jasoliya ,

 

I'd like to shift my payment and social media icons to the center of the footer too. Could you help?

page: www.kurokitty.com

 

Thank you! 

0 Likes
Jasoliya
Shopify Expert
4138 569 1000

Hi @kurokitty 

As you ahev two column view in footer so both are 50% so cant make exact center as both are in different div

So you can add this and make better:

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

.grid--footer-float-right .site-footer-item-center-vertically .site-footer__payment-icons{text-align: right;}
.grid--footer-float-right .site-footer__social-icons{text-align: left;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
aashan11
New Member
2 0 0


@Jasoliya wrote:

store is password protected so send me password in private massage or here so i can give exact solution. 


Geudeng1311




0 Likes
kurokitty
Tourist
3 0 0

Ok! Thank you @Jasoliya !

0 Likes
Jasoliya
Shopify Expert
4138 569 1000

@aashan11 

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
aashan11
New Member
2 0 0
0 Likes