How to add an SVG as a CTA button on IRA theme homepage?

BH-Creative
Tourist
8 0 4

Thanks for any guidance!

I'm trying to add an arrow as a CTA button on the home page of a site. I've figured out how to make the background "clear" but can't figure out the best way to add the SVG to the link.

Here's a screenshot of what I'm trying to accomplish:

Screen Shot 2021-09-24 at 1.37.16 PM.png

 This is the button area I've updated with the clear background, but I ultimately want all home page buttons updated.

.btn.btn--primary,
.shopify-payment-button__button.shopify-payment-button__button--unbranded,
.spr-button-primary {
  border-color: var(--color-background-button);
  background-color: var(--color-background-button);
  background-color: none;
  color: #ffffff;
}

 

Store info:

https://emerald-water-anglers.myshopify.com/password

PW: Yakima

Replies 2 (2)

KetanKumar
Shopify Partner
36843 3636 11978

@BH-Creative 

sorry for that issue can you please share button code so i will update svg

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
BH-Creative
Tourist
8 0 4

Hi @KetanKumar thanks! I've uplaoded the asset here: https://cdn.shopify.com/s/files/1/0586/5413/0363/t/3/assets/EWA-website-arrow.svg?v=1632767332

Let me know if there's anything else I can give you to figure out a solution. Thanks again!