Shopify themes, liquid, logos, and UX
The arrow for my email sign up at the bottom of the page has dissapeared. It is still a clickable area, but visually there is nothing there. Please help it putting the white arrow back.
Website: https://www.kizunastationery.com.au/
Thanks!
Hi @Deedee11
Actually i can see that the reason why the arrow is not showing up is that the SVG is not rendering
So you can add an arrow by using this CSS code
You just need to follow these steps:
1) Go to the Online Store
2) Edit Code
3) Find theme.css / base.css
And past that CSS Code:
.newsletter-form__button .svg-wrapper:after {
content: '→';
}
The result will be like:
I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!
-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR
-If you need an expert Shopify developer for customization and development, feel free to contact me.
Email: Mehran.ali5300@gmail.com
WhatsApp: +92 343 0211536
Hello @Deedee11
Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.
#Subscribe .svg-wrapper::before {
content: '→';
font-size: 20px;
color: #fff;
margin-right: 5px;
}
Hi @Deedee11,
I checked and the svg file was not added.
Please go to Actions > Edit code > sections > footer.liquid file, find 'newsletter-form__button' and add code here:
Code: {{- 'icon-arrow.svg' | inline_asset_content -}}
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025