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]

• 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.

[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 on theme.liquid

.collection .card--standard .card__inner{ background: transparent !important; } .related-products .card__inner.gradient { background: transparent !important; }

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;
}

[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;
}

[PabloPier]

Thank you, it works!

[BSS-TekLabs]

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

[Dan-From-Ryviu]

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

.card__inner { background: transparent; }