Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
yes please try this
sorry for any issue can you please share store url also please check snippent for icon find icon-facebook and icon-insta
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;}
thank you it works. Is it possible to change the icon too?
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
Hi Good Sunday. Apologies I don't quite understand how it works.
This is an accepted solution.
yes please try this
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
yes please used this Instagram icon
for svg code
open this link
https://www.edigitalagency.com.au/wp-content/uploads/instagram-logo-svg-vector-for-print.svg
right lick and save as svg
<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.
User | RANK |
---|---|
242 | |
162 | |
64 | |
55 | |
46 |
Thanks to all who participated in our AMA with 2H Media on planning your 2023 marketing bu...
By Jacqui Mar 30, 2023Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023