Dawn theme 13.0 - Remove table border

frankiebuttons
Excursionist
33 1 10

hiya, i want to make my table borders transparent, and i can't seem to get the outer border to go transparent. it's working fine for the cell lines, but i've tried using every table element to make the outer border transparent and nothing! any suggestions?

this is what i'm using at the moment, see image for results.

 

table,
th,
tr,
td,
caption,
colgroup,
col,
colgroup,
thead,
tbody,
tfoot {
  border: transparent !important;
}

 

Screenshot 2024-02-14 112322.png

Replies 6 (6)

stefansweb2020
Shopify Partner
134 10 5

border: none;

Stefan Momcilovic
Founder of StefansWeb
https://stefansweb.com
frankiebuttons
Excursionist
33 1 10

Sorry this hasn't worked for me.

stefansweb2020
Shopify Partner
134 10 5

Can you please share your store url

Stefan Momcilovic
Founder of StefansWeb
https://stefansweb.com
frankiebuttons
Excursionist
33 1 10

It's https://extremelargenesswholesale.com/ but the theme i'm editing isn't live yet (currently on Debut.)

ZestardTech
Shopify Expert
5395 971 1293

Hello @frankiebuttons 

You can try this code.

 

table {
  border-collapse: collapse;
  border: transparent;
}
th, td {
  border: 1px solid transparent;
}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
frankiebuttons
Excursionist
33 1 10

This hasn't worked I'm afraid, it brings back the cell borders and outer border remians.