Transparent images

[PabloPier]

Hello, I changed my product images to transparent but on the home page the images did not change as shown on the screenshot:

The same problem is also seen here:

Could you please help me make the background transparent?

[BSS-TekLabs]

Hello @PabloPier .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[PabloPier]

Hello, the website is https://www.pablopier.com/

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @PabloPier 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.card__inner.gradient {
    background: transparent !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[PabloPier]

Thank you, it works! 

[BSS-TekLabs]

Glad to help you. Have a good day @PabloPier .

[BSSCommerce-B2B]

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file base.css. 
Step 3. Add this code to the end of the file

.product-card-wrapper .card__inner {
  background-color: transparent!important;
}

[niraj_patel]

Hello @PabloPier 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .collection .card--standard .card__inner{
        background: transparent !important;
   }
   .related-products .card__inner.gradient {
        background: transparent !important;
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSSCommerce-B2B]

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file base.css. 
Step 3. Add this code to the end of the file

.product-card-wrapper .card__inner {
  background-color: transparent!important;
}

[Dan-From-Ryviu]

Go to you Online store > Themes > Customize > Theme settings > open Custom CSS, add this code 

.card__inner { background: transparent; }