Removing (or editing) border on default table

New Member
6 0 0

I am building a new store in Shopify and have created a few pages with Insert Table. Each table has a 1px border around each cell. These borders don't go away even when I edit the HTML to remove the border. 

Do I need to go edit the CSS somewhere or am I missing the border requirements somewhere in Edit Properties? Thanks.



Replies 6 (6)
New Member
3 0 0

I've been wanting to remove the table borders too. Anyone know how to do this?

New Member
3 0 0

In style.css.liquid you should find something like this:

table th{
  padding: 4px 8px;
  font-weight: bold;
  border: solid 1px {{ settings.content_secondary_colour }};
  color: {{ settings.content_header_colour }};
  background: {{ settings.cart_header_colour }} url({{ 'table-header-depth.png' | asset_url }}) 0 100% repeat-x;
table td{
  padding: 4px 8px;
  border: solid 1px {{ settings.content_secondary_colour }};
Change the border: solid 1px to 0px in one or both places and you should be good to go.

3 0 1

This worked for me, thanks.  change both 1px > 0px.


But what will happen when I need a table with a boarder? 

New Member
1 0 0

This worked for me to but sometimes I do need a boarder on tables. 

@ elias_majid did you find a way to add it when you need it? 


4 0 1

I searched just "td {" (without quotations) and found it easily Changed the border to 0px, thanks!

td {



New Member
1 0 0

Hello, I am trying to do the same thing. I have impulse template.

I can't find  this td { or any other table secton in my theme css liquid. What can I do then to get rid of borders?