How to remove table borders in Dawn Theme product page?

[DMC01]

Hi,

Im using Dawn Theme and trying to remove the border on my table within my product page.

I have trued using a HTML editor and had ‘no border’ or ‘white border’ and also just using the table creator in Shopify, but it still showing up on my produ ct.

There are also icons in the empty boxes that aren’t showing up.

Has anyone else had this issue? Screenshot attached

[GemPages]

Hi @DMC01 ,

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

[DMC01]

https://str8batau.myshopify.com/products/str8bat-sensor
password - dmcstr8batau

[PageFly-Victor]

Hi [email removed]DMC01,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file component-rte.css,

Step 3: Paste the below code at bottom of the file → Save

table:not([class]){box-shadow:none !important}
td[style="width: 11px;"],td[style="width: 10px;"]{
    width:75px !important
}

Or

table:not([class]){box-shadow:none !important}
table:not([class]) td{border:none !Important}
td[style="width: 11px;"],td[style="width: 10px;"]{
    width:75px !important
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[GemPages]

Hi @DMC01 ,

To can remove the border your table, you can check out my suggestion below to make it:

1. Go to Edit code on Online Store:

2. add my code above the tag on Theme.liquid:

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

[glowtheunicorn]

This was glorious thank you!

It works for blog borders too!