Solved

Issue with transparent background products showing white box around them?(dawn)

blobmic
Tourist
16 0 1

The products on my product page have a transparent background and are .png files, however since adding a background to my website I have noticed there is a white background on the products. How can I fix this for the store page and the individual product pages? Thanks 🙂

website:https://blobby-8544.myshopify.com/

pw:untora

Accepted Solution (1)

techlyser_web
Shopify Partner
1118 214 234

This is an accepted solution.

Hello @blobmic 

You can add code by following these steps to remove white background around products

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>

.gradient {
background: transparent !important;
}


</style>

techlyser_ecom_0-1674820692053.png

 

techlyser_ecom_1-1674820837798.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 3 (3)

techlyser_web
Shopify Partner
1118 214 234

This is an accepted solution.

Hello @blobmic 

You can add code by following these steps to remove white background around products

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>

.gradient {
background: transparent !important;
}


</style>

techlyser_ecom_0-1674820692053.png

 

techlyser_ecom_1-1674820837798.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

reidfoster
Visitor
1 0 0

Not seeing the </body> code in theme.liquid....all instances of the word "body" appear in code related to font and settings. Any advice? 

techlyser_web
Shopify Partner
1118 214 234

You can search in file with help of Ctrl+f5 (</body>)

techlyser_web_0-1704996797072.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com