Centering Tablepress tables

  • Resolved Gillespatry

    (@gillespatry)


    4 years, 2 months ago

    I am using the Hello Theme with Elementor and TablePress. I am trying to center the tables. I have added the following code in the CSS Plugin Option

    .tablepress {
    width: auto;
    margin: 0 auto 1em;
    }

    The table is centered for a fraction of a second and then shifts to the left. It looks as if the Hello Theme from Elementor override the display of the table. Is there a way around this?

    Thank you.

    Gilles

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

    (@tobiasbg)

    4 years, 2 months ago

    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 Gillespatry

    (@gillespatry)

    4 years, 2 months ago

    Apologies. I was working locally. Have now upload to a temporary site. The URL of one of the tables is:

    http://new.canaloneeleven.com/directors-2/

    Thanks you, Gilles

    • This reply was modified 4 years, 2 months ago by Gillespatry.
    Plugin Author TobiasBg

    (@tobiasbg)

    4 years, 2 months ago

    Hi,

    thanks for the link! Please try this modified CSS:

    .dataTables_wrapper .tablepress {
  margin: 0 auto 1em !important;
}
.tablepress {
  width: auto;
}

    Regards,
    Tobias

    Thread Starter Gillespatry

    (@gillespatry)

    4 years, 2 months ago

    Thanks. Works beautifully.
    Gilles

    Plugin Author TobiasBg

    (@tobiasbg)

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

Tags