Solved

Change default facebook and instagram logo on debut theme

Dom2306
Explorer
54 0 12

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)
KetanKumar
Shopify Partner
36839 3635 11972

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
36839 3635 11972

@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
Dom2306
Explorer
54 0 12

Hi @KetanKumar 

https://www.snooze-store.com/

Heres the store url

KetanKumar
Shopify Partner
36839 3635 11972

@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
Explorer
54 0 12

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

KetanKumar
Shopify Partner
36839 3635 11972

@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
Explorer
54 0 12

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

KetanKumar
Shopify Partner
36839 3635 11972

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
Dom2306
Explorer
54 0 12

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
36839 3635 11972

@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
Dom2306
Explorer
54 0 12

how do I add it?

KetanKumar
Shopify Partner
36839 3635 11972

@Dom2306 

open this link

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

right lick and save as svg 

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
Explorer
54 0 12

<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 20 20"><path fill="#444" d="M18.05.811q.439 0 .744.305t.305.744v16.637q0 .439-.305.744t-.744.305h-4.732v-7.221h2.415l.342-2.854h-2.757v-1.83q0-.659.293-1t1.073-.342h1.488V3.762q-.976-.098-2.171-.098-1.634 0-2.635.964t-1 2.72V9.47H7.951v2.854h2.415v7.221H1.413q-.439 0-.744-.305t-.305-.744V1.859q0-.439.305-.744T1.413.81H18.05z"/></svg>

My current code looks like this.

How do I convert it like for like.