How can I change the color of the back button arrow on my product pages?

thehappyera
Tourist
5 0 0

Hello, I recently used one of the tutorials on these boards to install a back to collection button on my product pages by editing the code. The outline and text of the button are the correct colour but the arrow in the box is black and I want to change the colour to yellow as well. Any and all help is appreciated.

Replies 5 (5)

diego_ezfy
Shopify Partner
2958 568 890

Hello @thehappyera,

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials.
◦ Replace apps with copy/paste code snippets and save money.
thehappyera
Tourist
5 0 0

Sorry just one more concern, I have seen a couple of posts like this. How does sharing your password work? It's a public forum so won't my shopify store get hacked?

eFoli-Trapa
Shopify Partner
182 11 15

can you provide your store URL? 

Trapa | EFOLI
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Checkout our apps:Inkybay || MultiVariants
thehappyera
Tourist
5 0 0

diego_ezfy
Shopify Partner
2958 568 890

@thehappyera,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
.return-link-wrapper svg{
    fill: #ffed86 !important;
}
</style>



Kind regards,
Diego

 

◦ Follow my blog & youtube for coding tutorials.
◦ Replace apps with copy/paste code snippets and save money.