Vertical align

  • Resolved ianfj

    (@ianfj)


    7 years, 11 months ago

    The plugin is great! Thank you very much for developing it.

    I have duplicated some rows and added new information, especially PayPal button code. The new information is not vertically aligned in the cell. This only happens for one column. How can I force vertical alignment? I tried using this code in the custom css for the whole table but it did not work:

    .tablepress .column-4 {
    vertical-align: top;
    }

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Your code is correct, but some content might require modifications. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter ianfj

    (@ianfj)

    Thanks for responding so quickly, Tobias, and sorry that I’ve been delayed in responding.

    The page in question is here: https://greghirstenterprises.com.au/merch/

    You’ll notice that rows 5-9 are not vertically aligned to the top. What can I do?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the link! The reason for this is that some of your HTML content in those rows has line breaks. These are transformed to HTML <br /> tags automatically.

    The best solution here should probably be to turn off this automatic conversion. For that, please extend the Shortcode on that page to
    [table id=1 convert_line_breaks=false /]

    Regards,
    Tobias

    Thread Starter ianfj

    (@ianfj)

    Thanks Tobias. That worked wonderfully!

    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 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Vertical align’ is closed to new replies.