How to remove border color in Multirow container in Dawn theme?

Store Design
,

Topic summary

A user seeks to remove border colors from the Multirow container in Shopify’s Dawn theme.

Initial responses requested the store URL to provide specific help. One suggestion involved editing base.css to add:

.product-media-container .media {
  border: 0 !important;
}

However, a follow-up clarified this solution doesn’t work for the Multirow section (which differs from Product-related containers). Using browser Inspect, they identified the need to set --media-border-width: none; but are unsure how to target the correct container in the code.

The issue remains unresolved, with the latest poster requesting additional guidance on properly applying the CSS fix to Multirow sections specifically.

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

ivgtrde_0-1686481985593.png
ivgtrde_0-1686481985593.png1281×552 197 KB

1 Like
2

firstly share your store URL THEN we will able to help you.

3

Hi @ivgtrde ,

Would you mind to share your URL website (with password if its protected)?

Thanks!

4

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.product-media-container .media {
    border: 0 !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

5

Hi!

I have the same issue/request and this didn’t work for me -I’m guessing because it’s not related to Product. This is the MultiRow section, you can apply it anywhere easily with the Theme Editor.

Using Inspect I found I want to use " –media-border-width: none**;**" but I don’t know how to call for the right container.

multirow-container-boder-to-zero.jpg
multirow-container-boder-to-zero.jpg598×1592 71.8 KB

Could anyone help, please? :slightly_smiling_face:

Thanks in advance!

(I also read this but it didn’t help

https://community.shopify.com/post/1668630 )