Hello!
Can someone please advise on how to update the twitter logo to the new logo X? It’s for the social media icons on the footer section of the website in Dawn theme.
Thank you!
Hello!
Can someone please advise on how to update the twitter logo to the new logo X? It’s for the social media icons on the footer section of the website in Dawn theme.
Thank you!
Hi @Loyd77
I’ll guide you to change the icon of twitter. It’ll appear like below.
Edit the code of your theme and then find icon-twitter in the search box and click on icon-twitter.liquid under snippets.
Now, remove the existing code and paste the below code and save.
Hope this helps to solve your issue.
Thanks
Sheesh B
Hello!
Thank you! Can we have just the X in black with no background color like the image below?
Thank you!
Thank you, it works!
Hi @Loyd77
Please share the url of the website to check and to provide you the solution.
Alternatively, you can try this. You can adjust JUST* the width and height to align the icon.
<svg focusable="false" width="13" height="21" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/>
</svg>
Hi Sheesh, where do you place the code???
hi sheesh B or anyone realy could you please piont out the section where i can just chang the color of the “X” please
Hello,
The code works well but how do we lower the “X” icon because it’s a little higher than the other icons. Please see below, Thanks!