Solved

A PNG image is displayed with a background, this needs to be fixed

Digital_Imran
Shopify Partner
154 2 19

I have added a PNG image to the "Image with text" section on the homepage. However, when I add the image to the section, the image background turns white automatically. I would like to make the image a PNG. Attached is a screenshot. I would greatly appreciate any help you can provide.
Store URL:  restguardcovers.com

Password: 1234
 
screenshot.PNG
Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.
Accepted Solution (1)

Vinsinfo
Shopify Partner
168 57 53

This is an accepted solution.

@Digital_Imran Please follow below steps to remove the background color of the image. Let me know whether it is helpful for you.

 
1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search "theme.css" file and paste below code at the bottom of the file.

 

.feature-row .feature-row__item .image-wrap {
    background: transparent !important;
}

 

Vinsinfo_0-1711517879397.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

View solution in original post

Replies 5 (5)

PageFly-Richard
Shopify Partner
4226 953 1601

Hi @Digital_Imran 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

 

PageFlyRichard_0-1711505549020.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Digital_Imran
Shopify Partner
154 2 19

@PageFly-Richard  Thank you for your response. In the above message, you forgot to include the code. There is no code mentioned in the above message. I would appreciate it if you could check again and provide the code. 🙂

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.

diego_ezfy
Shopify Partner
2958 568 890

@Digital_Imran 

The background comes from the image itself, not the code:

https://restguardcovers.com/cdn/shop/files/Movie_Seat_-red_900x.png?v=1710778940

You can remove the background on an image editor like Canva or Photoshop.

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials.
◦ Replace apps with copy/paste code snippets and save money.

Vinsinfo
Shopify Partner
168 57 53

This is an accepted solution.

@Digital_Imran Please follow below steps to remove the background color of the image. Let me know whether it is helpful for you.

 
1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search "theme.css" file and paste below code at the bottom of the file.

 

.feature-row .feature-row__item .image-wrap {
    background: transparent !important;
}

 

Vinsinfo_0-1711517879397.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Digital_Imran
Shopify Partner
154 2 19

Thank you so much @Vinsinfo . It works 

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.