Aligh Text Top in Header Row

  • Resolved cmsplay

    (@cmsplay)


    4 years, 10 months ago

    Thank you Tobias for a fantastically-useful plugin.

    Trying to paste styling code into cells …skews the table. %-O

    1. How do I align text top in the top row of table in tablepress?

    2. How do I align text horizontal middle in a cell?

    …Could not find these in FAQ. Thank you for your help! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    For this, you can normally use CSS like

    .tablepress thead th {
  vertical-align: middle;
}
.tablepress tbody td {
  text-align: center;
}

    Regards,
    Tobias

    Thread Starter cmsplay

    (@cmsplay)

    Found temporary solution.

    In:

    Tablepress>Plugin Options>Frontend Options and Styling

    Add this line of code:

    vertical-align: top;

    …into line 3.

    This has the effect of making ALL cells in all tables align top.

    Would be good to have a way to change text alignment per row, per column and per cell.

    Thread Starter cmsplay

    (@cmsplay)

    Thanks Tobias. Just noticed thead affects Table Head. tbody affects table body.

    • This reply was modified 4 years, 10 months ago by cmsplay.
    Thread Starter cmsplay

    (@cmsplay)

    Final code I used to align text in all cells top, and to make header and footer rows grey, was:

    .tablepress thead th {
	vertical-align: top;
	background-color: #e6e3e6;
	color: #000000;
}

.tablepress tfoot th {
	vertical-align: top;
	background-color: #e6e3e6;
	color: #000000;
}
    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    good to hear that you found a solution! For more ideas, you could take a look at the other examples at https://tablepress.org/faq/ as well.

    Best wishes,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Aligh Text Top in Header Row’ is closed to new replies.