How do I get rid of these black lines around the images ?
It’s hard to determine what CSS class is applying those lines without having a look at your theme or website. Usually, you can apply a CSS class to remove the “border” of your “ProductCardImage” class.
Is this something you can help with
Can you give me store password?
PASS: VIP
Please add this code to your theme.liquid file, after element in Online Store > Themes > Edit code.
I checked your site but can’t see the lines
You my friend are a legend, thanks so much!
Always. You’re welcome.
The black lines around the images in your Shopify store could be due to CSS styling applied either directly to the image or to the container holding the image. To remove these lines, you would need to locate the CSS responsible for this styling and modify it.
Here are the steps to do this:
- Go to your Shopify admin dashboard.
- Navigate to ‘Online Store’ > ‘Themes’.
- Find your Dawn theme and click ‘Actions’ > ‘Edit code’.
- Look for the CSS file(s) that control the styling of the product pages. This might be something like base.css, theme.css, or product.css.
- Use the search function (usually Ctrl + F or Cmd + F) to find the CSS rules that apply a border property to the images or their containers. It may look something like border: 1px solid #000; or border-color: #000;.
- Once you locate the rule, you can either change the color to transparent or remove the border property altogether.
- Save your changes and check your product page to see if the lines are gone.
If you’re not familiar with CSS or the changes don’t work as expected, it’s a good idea to contact a professional developer or reach out to Shopify support for further assistance this page
Directly after the of after the . I’ve tried it in both positions and it doesn’t work.