Vertical alignment

  • Resolved idgrp

    (@idgrp)


    6 years, 7 months ago

    Hi Tobias

    I am having trouble with the vertical alignment in my table. I want to reduce the height if the rows, which have been increased by adding some html for the PayPal “Donate” button, or having the text in columns 1 and 2 align centrally in the vertical.

    I have tried the latter by adding the css:
    .tablepress thead th,
    .tablepress tfoot th {
    background-color: #13b5eb;
    }

    .tablepress-id-1 th,
    .tablepress-id-1 td {
    vertical-align: middle;
    }
    But have not had any luck. Please help!

    Thanks
    Ian

    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 question, and sorry for the trouble.

    The extra space is caused by line breaks in the HTML code. These are converted to HTML <br /> elements automatically. To turn that off, please change the Shortcode on that page to

    [table id=1 convert_line_breaks=false /]

    To then fix the alignment, please change your last block of code to

    .tablepress-id-1 thead th,
.tablepress-id-1 tbody td {
  vertical-align: middle;
}

    Regards,
    Tobias

    Thread Starter idgrp

    (@idgrp)

    Thank you very much, Tobias!

    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 ‘Vertical alignment’ is closed to new replies.