How can I adjust table padding and add grid lines in Debut?

[hakamount]

Hi All

I am trying to reduce the amount of padding / or the gap between each lines on my table.

Secondly, I would like grid lines on the table.

Are either of these possible?

website = hakamount.co.uk password = ceesti

Screenshot:

Thanks!

[KetanKumar]

Hello, @hakamount

Welcome to the Shopify community!
and thanks for the question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

th, td {
padding-top: 3px;
    padding-bottom: 3px;
}

[dmwwebartisan]

Hey @hakamount

Please add following code in your assets/theme.scss.liquid file.

th, td {
border: 1px solid #fff !important;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
}

Hope this works for you.

Thanks!

[hakamount]

Thank you webartisan, it almost worked.

Is there a way to make the 2nd and 3rd column equal width? At the moment the NRV column takes up too much space.

[hakamount]

Thank you this reduced padding but didn’t add grid lines, I appreciate your support though!

[hakamount]

Hi there - i’ve found one problem which is when viewing on mobile the word ‘amount’ does not fit in the table, do you know how I can fix this?