Change default facebook and instagram logo on debut theme

Solved
Dom2306
Excursionist
41 0 10

Hi can i change the colour of the logo to something I can find online for example?

Also it would be better if both my IG and FB logo can be flushed to the left hand side.

fb ig.PNG

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24925 2498 9041

This is an accepted solution.

@Dom2306 

yes please try this 

KetanKumar_0-1636276256177.png

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 12 (12)
KetanKumar
Shopify Partner
24925 2498 9041

@Dom2306 

sorry for any issue can you please share store url also please check snippent for icon find icon-facebook  and icon-insta

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
24925 2498 9041

@Dom2306 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list {text-align: left;}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Dom2306
Excursionist
41 0 10

thank you it works. Is it possible to change the icon too?

KetanKumar
Shopify Partner
24925 2498 9041

@Dom2306 

thanks for update 

can you please find icon on snippet files for example icon-facebook click and open icon-facebook just replace new svg file 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Dom2306
Excursionist
41 0 10

Hi Good Sunday. Apologies I don't quite understand how it works.

KetanKumar
Shopify Partner
24925 2498 9041

This is an accepted solution.

@Dom2306 

yes please try this 

KetanKumar_0-1636276256177.png

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Dom2306
Excursionist
41 0 10

thank you, where can i find svg files. Sorry for the question.

lets say i want to have this logo

https://www.edigitalagency.com.au/wp-content/uploads/instagram-logo-svg-vector-for-print.svg

KetanKumar
Shopify Partner
24925 2498 9041

@Dom2306 

yes please used this Instagram icon 

 

 

for svg code

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing