FROM CACHE - en_header

Change default facebook and instagram logo on debut theme

Solved
Dom2306
Explorer
48 0 11

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
34394 3444 11271

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
34394 3444 11271

@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
48 0 11
KetanKumar
Shopify Partner
34394 3444 11271

@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
48 0 11

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

KetanKumar
Shopify Partner
34394 3444 11271

@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
48 0 11

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

KetanKumar
Shopify Partner
34394 3444 11271

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
48 0 11

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
34394 3444 11271

@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
48 0 11
KetanKumar
Shopify Partner
34394 3444 11271

@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
48 0 11

<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.