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

Store Design
1

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
Screen Shot 2021-09-24 at 1.37.16 PM.png854×408 186 KB

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

1 Like
2

@BH-Creative

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

3

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!