How to remove the black container from image

Topic summary

A user uploaded an image to their product description and wants to remove a thin black container/border appearing around it.

Problem Details:

  • The issue appears on the product page at thoughtbox.pk
  • A black box/border is visible around product description images
  • Screenshots were provided showing the unwanted border

Proposed Solutions:
Two respondents (AnneLuo and PageFly-Richard) offered the same CSS-based fix:

  1. Navigate to: Online Store → Themes → Edit Code
  2. Locate the theme.liquid file
  3. Add custom CSS code above the </head> tag

The CSS code snippets were provided but appear garbled/reversed in the conversation text. Both solutions follow identical implementation steps, suggesting this is a common CSS styling issue that can be resolved by adding custom code to override the default container styling.

Status: Solution provided, awaiting user confirmation of whether the fix worked.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

i uploaded an image in product description and want to remove the black container box ( its very thin) from it please see picture

url www.thoughtbox.pk

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code to the head tag


Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Hi @amnaaaaa

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the 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


Hope this can help you solve the issue

Best regards,

Richard | PageFly