Hello, I hope somebody can help me. I’ve been looking at how to get an icon for the text ‘add to cart’ from a shopping cart for some time now. Just like in the example pictures. I hope someone can help me with a piece of custom code. I think it shouldn’t be very difficult. Current button needs to …

Hi, The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I’ll help. Navigate to the ‘Edit Code’ option in your theme settings, then search for “base.css” in the search bar and add below codes. button.product-form__…

Thanks for your work! Maybe you can help me change it : The alignment on mobile is not that nice. And is it possible to do a other icon? Would like little more thicker one. maybe not as thick an icon as this but a little less [U2NoZXJtwq1hZmJlZWxkaW5nLTIwMjQtMDUtMjQtb20tMTYuMjAuMjQuanBn.jpeg]

You are welcome. I actually recommend that you don’t use the icon I sent. Find your own icon online and upload it to Shopify. Then, replace it using the link above. I hope I understood correctly. You can use the website below for icons. Once you find the icon, let me know and we’ll also fix the mob…

This one looks good for me: Cart Plus Vector SVG Icon (10) - SVG Repo

Yes, it looks great. Let me know once you upload it to your system and change the link above. Let’s also fix the mobile section!

I have uploaded the white PNG image to shopify, put the link in the code. But on my store it is showing in black? Tobaliq Black Turbo Aansteker - PyroProducts And can you also please tell what code to add to center the text with icon on mobile. (see picture) button.product-form__submit.button.butto…

First, you need to remove the ‘filter: invert(1);’ code I sent earlier. I didn’t fully understand the other thing you mentioned. Which text do you want to center on mobile? If it’s the one below, isn’t it already centered? [TerenceKEANE_0-1716993030648.png]

Look it is not centered well in the button. Also maybe need some extra space between icon and text [Schermafbeelding 2024-06-05 om 11.03.11.png] [Schermafbeelding 2024-06-05 om 11.03.03.png]

Add icon to add to cart button - DAWN

Store Design

VARTIX September 22, 2024, 12:29pm 10

Hi!

I’m trying to do this on the latest dawn theme, but its not working for me. Could you help?
Thanks a lot!

VARTIX.

Topic		Replies	Views
Adding a icon to my add to cart button on DAWN Theme Store Design optimization , css , shopify-theme	0	24	March 13, 2024
How to change "Add to cart" text to an icon? Store Design	3	124	January 20, 2022
Ella theme Help - Changing Add to cart button Store Design shopify-themes , troubleshooting , product-page	8	138	April 18, 2025
Dawn theme: Add to cart button to a shopping cart/bag icon Store Design	3	49	October 10, 2022
How can I make my cart icons bigger and allign the cart icon to the Add to cart text in the button Store Design design , header , customizations , landing-page , css , html , product-page	7	105	May 14, 2024

Add icon to add to cart button - DAWN

Related topics