Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Grey boxes around images

Solved

Grey boxes around images

jnhgs
Tourist
5 0 2

Hallo

 

I am at the moment building my webshop. Now, I try to make some pages for descriptions of my company. Here it seems that when I upload pictures, Shopify makes som grey boxes/edges around my pictures. This is annoying and I don't want it. No matter if the pictures has transparent background or not, this happens.

 

How do I stop this from happening? Please be aware that I am 100% n00b and not at all used to doing much at a computer, so, when you reply, expect that my knowledge of technical expressions and usage is at a minimum. thank you a lot!!! 🙏

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
9594 2285 2840

This is an accepted solution.

Thanks for the info, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.rte img {
    border: none;
}

 

And Save. 

Let me know if you have trouble with instruction. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
9594 2285 2840

Hi @jnhgs 

Would you mind to share your store URL? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
jnhgs
Tourist
5 0 2

Hallo

 

I just send you the link in an URL.

 

Thanks 🙏

Made4uo-Ribe
Shopify Partner
9594 2285 2840

This is an accepted solution.

Thanks for the info, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.rte img {
    border: none;
}

 

And Save. 

Let me know if you have trouble with instruction. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
jnhgs
Tourist
5 0 2

This works - beautiful!!! Thank you so much 🙏🙏🙏