Less white space between lines in all tables

  • Resolved Paul Gibson

    (@biblequestions)


    4 years, 11 months ago

    I’d like these changes to apply to all tables, not just the one I’m currently working on. I have two sample tables at
    https://biblequestions.info/tech-support/

    I’d like to have less vertical white space in the rows. I found this code to make the data rows closer together (although I don’t know if this is the best solution)
    .tablepress tbody td {
    padding: 1px;
    line-height: normal;
    }

    The rows with data are close together, but it didn’t affect the header or footer. I tried using these for the header and footer, but there was no effect.
    .tablepress thead td,
    .tablepress tfoot td ,
    .tablepress tbody td {
    padding: 1px;
    line-height: normal;
    }

    In the footer, I reference the books I got the data from, but I wanted this text to be small. To get the print small, I used <font size=”-2″></font> in each cell with data, <br> to break the data where I want it, and #colspan# in the empty cells. As you can see, there’s a huge amount of white space in the cells. Because I’m manually changing the size, I’ll understand if any solution to the header and footer issue may not work in this instance.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    For the cells in the header and footer, you’ll need to use th instead of td (due to how HTML code defines these). We might then also have to raise the priority of your commands, by adding the !important flag:

    .tablepress th,
.tablepress td {
  padding: 1px !important;
  line-height: normal !important;
}

    Regards,
    Tobias

    Thread Starter Paul Gibson

    (@biblequestions)

    That worked well. I decided I wanted a bit more white space between columns, so I changed it a bit.

    .tablepress th,
    .tablepress td {
    white-space: nowrap;
    line-height: normal !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-left: 5px !important;
    padding-right; 5px !important;
    }

    Thanks for the help!

    • This reply was modified 4 years, 11 months ago by Paul Gibson. Reason: Marked as resolved
    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Less white space between lines in all tables’ is closed to new replies.