Columns – equal width and table heading alignment

  • Resolved waitfornight6

    (@waitfornight6)


    9 years, 2 months ago

    Hi,

    Can you please tell me how to set equal width for columns 2 and 3 without fixing the width of the whole table? And one more, I need to align center the table heading, while the other rows must be alighned: left for the firs column, right for the other colums. When I insert the following, everything is aligned right:
    .tablepress thead th,
    .tablepress tfoot th {
    text-align: center;
    .tablepress-id-6 .column-3 {
    text-align: right;
    }

    .tablepress-id-6 .column-2 {
    text-align: right;
    }

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 2 months ago

    Hi,

    thanks for your post, and sorry for the trouble. Also, please excuse the long wait for a reply. I just returned from holidays last night and was not able to reply earlier. Thanks for your understanding.

    This code contains a few errors. Please try

    .tablepress thead th,
.tablepress tfoot th {
  text-align: center;
}
.tablepress-id-6 .column-2,
.tablepress-id-6 .column-3 {
  width: 35%;
  text-align: right;
}

    Regards,
    Tobias

    Thread Starter waitfornight6

    (@waitfornight6)

    9 years, 2 months ago

    Thank you for your reply, Tobias)
    The columns width is ok now, however unfortunately it doesn’t work with the heading alignment. The heading is still aligned right, just as the other rows in the column

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 2 months ago

    Hi,

    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 waitfornight6

    (@waitfornight6)

    9 years, 2 months ago

    Well, the site is not in English)
    Here is the link: http://one.speak-time.com/
    The table is under the text “Стоимость письменного перевода”. And there is a toggler below with another table.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 2 months ago

    Hi,

    thanks! One more CSS try:

    .tablepress thead th,
.tablepress tfoot th {
  text-align: center;
}
.tablepress-id-6 .column-2,
.tablepress-id-6 .column-3 {
  width: 35%;
}
.tablepress-id-6 tbody .column-2,
.tablepress-id-6 tbody .column-3 {
  text-align: right;
}

    Regards,
    Tobias

    Thread Starter waitfornight6

    (@waitfornight6)

    9 years, 2 months ago

    It works now, thank you very much!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 2 months ago

    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 7 replies - 1 through 7 (of 7 total)

The topic ‘Columns – equal width and table heading alignment’ is closed to new replies.