Center Table Description

  • Resolved DenverDiscWord

    (@denverdiscword)


    6 years, 3 months ago

    Would like to center align the text for the Table Description, I have enabled the “Show the table description BELOW the table’ checkbox in table options. I was able to center the Table Name using

    .tablepress-table-name {
    text-align: center;
    }

    Perhaps something similar for Description, but “.tablepress-table-description” doesn’t work.

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    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 DenverDiscWord

    (@denverdiscword)

    I have not implemented the tables yet. I have about 20 of them to build then put them on our wordpress sight. If there is a way to ‘center align’ the table description such as the table-name it would be helpful. If not I will post back when I get them up.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    ah, just realized something. Due to the used HTML element, we’ll need a slightly different CSS code for the description:

    .tablepress-table-name {
  text-align: center;
  display: block;
}

    Regards,
    Tobias

    Thread Starter DenverDiscWord

    (@denverdiscword)

    Ah, thanks!

    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!

    Hi Tobias,

    Hope you are doing great as this new year is stepping in.
    Not much experience with table press but feel it very useful despite my very simple needs.

    I use it to display figures here : https://www.blog-magestionlocative.fr/irl-insee-derniers-indices-publies-bien-reviser-vos-loyers/

    Very happy with how it works except for 2 things

    (a) unable to have the table centered despite the following css code in the options of the plugins. Any hint to fix the issue
    —————————————-
    .tablepress-id-2 {
    width: auto;
    margin: 0 auto 1em;
    }

    .tablepress-id-2 .row-2 .column-1,
    .tablepress-id-2 .row-2 .column-2,
    .tablepress-id-2 .row-2 .column-3,
    .tablepress-id-2 .row-2 .column-4 {
    background-color: #fffa07;
    }
    —————————————

    (b) i am unable to center the header text in each column.
    Again, any tip or missing css to fix it.

    Many thanks

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Please uncheck the “Use DataTables” checkbox on the table’s “Edit” screen. As the indidivual features are already turned off, this is no longer necessary, but interferes here a little bit.

    To center the header cells, you can use

    .tablepress-id-2 thead th {
  text-align: center;
}

    Regards,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Center Table Description’ is closed to new replies.