Site URL: https://orbitcoffee.squarespace.com/
Hi,
On my site, the nav consists of "Beans, Roasters, About Us" and the cart which is not coupled with the nav.
Just wanted to know if this was possible, I am trying to replace the "stock" cart icon and " other available cart icons offered by the template with my very own icon that I have a url to.
I am using: Version 7.0-Brine family(Brine Timeplate)
I have uploaded my custom icon/image into Design > Custom CSS > Manage Custom Files which gives me a url, lets say this is https://examplepic.png
I have tried setting custom CSS but it does not work:
.Header .Cart .Cart-label {
background-image: "https://examplepic.png"
}
I was wondering if I could maybe perhaps use the "Inject Code" functionality and target the .Cart-label class or the appropriate class and replace with something like <img src="https://examplepic.png" />
Other documentation I have looked into: https://support.squarespace.com/hc/en-us/articles/212838128#toc-header https://insidethesquare.co/carticon
Expectation: To be able to use my custom cart icon and still preserve the cart counter and all cart functionalities
Please help if this is possible, or whether this is a limitation to this customizing this template.
Thank you in advance!