How can I change the 'add to cart' button display in Flow theme?

Technical Q&A
1

Hello everyone,

I’ve been looking for a means to change the way the button “add to cart” in a collection is displayed. The default style in the theme I’m using (Flow) is just a rectangle with the text. I’d like to just use a cart icon or image instead. I managed to remove the text and use an image as background, but I still have two problems:

  1. When I hover over the button it still shows the rectangle (no text).

  2. After clicking the button, the text comes back and If I hover over it it shows the rectangle and the text.

My guess is that somewhere in the code when clicking the button it resets to its default version, but I cannot seem to find where and what to change. Could any of you have any idea of how to solve this?

Thanks in advance.