Data Table – Vertical Alignment

  • Resolved Ari123

    (@ucdguy)


    2 years, 10 months ago

    Hi,

    Thank you for a great plugin!

    By default, the vertical alignment in a table is to the top, as in this example.

    View post on imgur.com

    How do I instead vertically centre each element in their boxes, i.e. how can I have “Entry 1” and “Entry 3” in the example above automatically be vertically centred in their boxes?

    I tried the following CSS:

    .td-content>p {
    vertical-align: middle !important;
    }

    but it didn’t do anything.

    Thanks for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Abid Hasan

    (@abidhasan112)

    Hi @ucdguy ,

    Sorry for the late response here.
    You can simply add this CSS on your stylesheet to get this done:

    .eael-data-table-wrap table td {
    vertical-align: middle;
}

    NOTE: You can simply add custom CSS by navigating to your WordPress Dashboard -> Appearance -> Customize.

    After you are on the Customizer page, search for the “Additional CSS” option. You can then go ahead and insert CSS Code.

    Thread Starter Ari123

    (@ucdguy)

    Perfect, thank you for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Data Table – Vertical Alignment’ is closed to new replies.