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
how do I add it?
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 |
---|---|
198 | |
177 | |
85 | |
63 | |
45 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023