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

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!

2 Likes

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;
}

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!

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.

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

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?