Help! I need to remove all borders and vertically center cell contents

  • Resolved nsim2021

    (@nsim2021)


    3 years, 7 months ago

    Hi there.

    By accident, who knows how, I have ruined my whole web site.

    It’s a translation site, all with tables, 2 parallel columns, one language to the left, the other to the right.

    I had it perfect, no borders at all, and the cell contents were aligned vertically to the middle, not top or bottom. I loved it.

    I don’t know what happened to it, it’s gone. And I can’t find a way to reset it. I didn’t realize about the json we could export.

    At this point, I found your code in www.remarpro.com:

    table,
    table > tbody > tr > td,
    .tablepress tbody td,
    .tablepress thead th {
    border: none;
    }

    And I dropped that into my wordpress theme customizer. It partially works for me, it removes lines “around” all tables in the whole site, which is ideal. However, it doesn’t remove internal lines, and it doesn’t vertically center the cell contents.

    It seems to me, also, that right now, the cells are too close together, I thought I had more space before, a good 4 or 8 pixels overall vertically between cells…

    I would really appreciate help. What could I add to the code above to remove all lines and vertically center the cell contents and separate them a bit more?

    Thank you in advance.

    PS – My site is in maintenance mode, I can’t link to it just yet. However, screenshot here: https://bit.ly/3k0zUMa

    Shoot… I would then have to have some kind of code to exclude particular tables from the general styling… because I just this week started putting a little fine border, a one-cell table, around all my excerpts, and I would like to keep that: https://bit.ly/3COXuEu

    And this is the table code I’m using for my excerpts:

    <table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0 style='border-collapse:collapse;border:none'>
 <tr>
  <td width=590 valign=top style='width:6.15in;border:solid silver 1.0pt; padding:8.65pt 8.65pt 8.65pt 8.65pt'>
  <p class=MsoNormal>CONTENTS OF EXCERPT CELL</p>
  </td>
 </tr>
</table>
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Please try adding this modified code to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress tbody td,
.tablepress thead th {
  border: none !important;
  vertical-align: middle;
}

    This should fix the borders and alignment, and it should not affect your new tables.

    Regards,
    Tobias

    Thread Starter nsim2021

    (@nsim2021)

    Hi, thank you for the code, much appreciated.

    I pasted it in to the Plugin Option, into a blank field for css. Some of the code turned red. https://bit.ly/3gaqs89

    And when I hit save, the code vanished. https://bit.ly/3k2tnAD

    Frankly, I can’t even remember how I styled my tables in the first place. I vaguely remember there might have been something on the top of the sample preview table, some kind of controls to alter the style, but if they were there to begin with, they’re not there now. Maybe there was a plugin change with an update?

    Thank you for your time. Very nice of you to answer.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    Please try pasting the code again, exactly as it’s above, after first removing everything else from that field. It seems like there are weird extra { and } characters there, which interfere.

    No, there were no controls for the table styling, as TablePress never had something like that. It most likely was CSS code somewhere.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help! I need to remove all borders and vertically center cell contents’ is closed to new replies.