Remove Background Of Image - Only Leave The Chosen Shape - Dawn Theme

[Kelly-D]

Hi there,

I am hoping someone can help me please.

I would like to remove the background of the product images so that it is only the shape that is chosen in the customiser left.

So in this case it would be the arch. 

What would be the best way to go about this?

Thanks in advance!

[LizHoang]

Hi, Can you share store URL?

[Kelly-D]

Hi there,

Yep sure!

https://inkspiredavenue.com

password: 123

[LizHoang · Accepted solution]

Hi Kelly-D

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.card__inner {
    background: none !important;
}

Result: 

Best,
Liz

[Kelly-D]

Amazing! Thank you so much!

[DaisyVo]

Hi @Kelly-D 

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
.card__inner {
    background: transparent !important;
}
{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[Kelly-D]

Thank you so much for your reply!

[B2Bridge]

Hi @Kelly-D , you can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag

<style>
.card__inner, .card__media {
    background: none !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Kelly-D]

Thank you so much for your reply!