Why won't my table border size change to 0?

Technical Q&A
1

Hello,

I am relatively new to Shopify and trying to setup my store. Ive attached a screenshot sample of my issue.

On one of the pages that I have created, I have inserted a basic table with three columns. The default table displays a border. I do not want a border on my table.

I enter the coding mode and specify in the page html

and then close it and save it. No matter what I change the border size to, it stays at the default border size which looks like “1”.

How am I able to change this so the border goes away? Im guessing its in the theme settings somewhere?
I have the FREE theme called “Dawn” installed on my site.

Any help would be greatly appreciated. Thank you.

Site page URL: https://the-new-sports-economy.myshopify.com/pages/player-index

Screenshot.png
Screenshot.png1068×761 34.6 KB

2

Hi @nsei ,

I have checked the store and found it’s because of shadow for table in css.

To remove shadow from table goto assets->base.css

table:not([class]) {
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 1.4rem;
    border-style: hidden;
    box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground),.2);
}

remove / comment box shadow from css.

box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground),.2);

I hope this will work, Please check and let me know if you need more assistance on this or any of task.

3

Excellent, thank you for pointing me to the right place. Looks right now!

4

Please accept as solution and like if it work’s for you

5

It works for me too!! :+1: