What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Grey bounding box on image

Solved

Why does my PNG image show a faint grey box on Dawn theme?

designbymeg
Shopify Partner
20 0 3

Hi all, 

 

Wondering if anyone can help me. 

When uploading a png image to one of my pages I am getting a faint grey bounding box around the image (screen shot attached).

The background is transparent and exported correctly from photoshop. Can anyone advise how to remove this please? I am using Dawn theme. 

 

thank you!

 

 

Screen Shot 2022-12-01 at 11.24.33 am.png

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1786 3120

This is an accepted solution.

Hi @designbymeg ,

This is Victor from PageFly - Landing Page Builder App.


You can go to Online store => themes => actions => edit code  and add this code on file base.css

#shopify-section-template--16589704331477__main .rte img{

    border: none !important;

  }

Hope this answer helps.
Best regards,
Victor | PageFly

View solution in original post

Replies 5 (5)

GemPages
Shopify Partner
5625 1262 1254

Hello @Designbymeg

 

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?


Kind & Best regards!
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
designbymeg
Shopify Partner
20 0 3

Hey @GemPages 

 

URL: https://bookyourlook.com.au/password

Password: iadiet

 

Thank you!

GemPages
Shopify Partner
5625 1262 1254

Hello @designbymeg 

It's GemPages support team and glad to support you today.

 

Grey bounding box on image from this code

GemPages_0-1670296953725.png

 

Please check out my suggestion below:

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

2. Open file theme.liquid then add this code to above the </head> tag

<style>
  #shopify-section-template--16589704331477__main .rte img{
    border: none;
  }
  </style>

If you require any further information, feel free to contact me.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

PageFly-Victor
Shopify Partner
7865 1786 3120

This is an accepted solution.

Hi @designbymeg ,

This is Victor from PageFly - Landing Page Builder App.


You can go to Online store => themes => actions => edit code  and add this code on file base.css

#shopify-section-template--16589704331477__main .rte img{

    border: none !important;

  }

Hope this answer helps.
Best regards,
Victor | PageFly

jnhgs
Tourist
5 0 2

Can anyone here help me?

 

I am experiencing the exact sameproblem. I have tried adding the code to base.css but also to theme.liquid - and none of this seems to work 😕