I am wanting to change the Subscribe button to an arrow in the footer on my site - I have looked through other solved requests on here and not having any luck..
Topic summary
A user wants to replace the Subscribe button with an arrow icon in their website’s footer.
Solution Provided:
- Add custom CSS code to the theme.liquid file, just above the
</body>tag - The code targets the footer form and adds an arrow icon
Implementation Issues:
- Initial attempt displayed a question mark icon instead of the arrow
- Problem traced to code being overwritten when saved
- Resolution: Replace a specific portion of the CSS code (highlighted in red in a provided screenshot) to fix the icon display
Outcome:
The issue was successfully resolved after updating the problematic code section. The arrow icon now displays correctly in the footer.
Hi @blakelyhi ,
I have written custom CSS to add arrow to the footer form.
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code just above tag
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Any idea why the icon is not showing for me? I have tried from different browsers and it’s still the question mark pictured in my response below. Thanks in advance!!!
Hi @blakelyhi ,
Seems like the code i added here is replaced my another codes whenever i save.
Hmmm still getting the question mark
1 Like
Ah! Yes, that fixed it. Thank you so much!