how to take away Frame (black) around Images on pages (blog, collections, products) ?

Hello everybody !

… have searched a lot … tried many different codes I found in this forum to integrate either in base.css or theme.liquid to take away the black frame from images. Looks for the user pretty annoying. Not very aesthetic.


With the theme I use I don’t have frames on collection grids and hover over images, thats fine.

But when writing blog articles, or info text on a product page, collection page or single pages, wherever importing an image (jpg, png etc …), this image is always being surrounded by a black thick frame.

The Theme we use for the store is TASTE.

I’d appreciate a lot something which helps. :slightly_smiling_face: - Tks in advance for any hint.

1 Like

Hi @Digit_PaxMentis

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. 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:
.content-container {
    border: none;
}
.global-media-settings {
    border: none;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

Tks for the quick response. It didnt work what we are targeting at. With the code you gave us only the image framing was deleted of the central banner on the front page. The frames (black border) of the images in all pages, as named, are still there.

The TASTE Theme is a Shopify-inhouse design, right ? So I cant contact an external developer directly to get that problem solved.