Tables not centering

  • Resolved lsapsweb

    (@lsapsweb)


    6 years, 9 months ago

    I’ve been using the CSS editor to center my tables on the page using align-left: auto; which previously worked fine, but no longer seems to work. Not sure if this changed with Version 1.8.4, but it is certainly very recent. Any thoughts on what might have caused this?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter lsapsweb

    (@lsapsweb)

    As an update to my post, I tried rolling back to Version 1.8.3 and the tables now center OK, so something has definitely changed at Version 1.8.4.

    Plugin Author supsystic

    (@supsysticcom)

    Hello, @lsapsweb

    You should try to add this CSS code to CSS Editor tab of required table to center table it on frontend in it’s settings:

    .supsystic-tables-wrap[id^=supsystic-table-2]{
    margin-left:auto !important; 
    margin-right:auto !important;
    }

    [id^=supsystic-table-2] – it means “id is starting from supsystic-table-2″ – because this html element has a little bit different ID, it generates dynamically.

    Also, you can try to use the <CENTER>[shortcode]</CENTER> method on the page where your shortcode displays your data table.

    Thread Starter lsapsweb

    (@lsapsweb)

    OK – the addition of he !important tag makes the difference. Everything sorted now. Thanks for the support.

    Thread Starter lsapsweb

    (@lsapsweb)

    Sorry, should have ticked resolved.

    Plugin Author supsystic

    (@supsysticcom)

    Hello, @lsapsweb

    You are welcome. Hope you enjoy using of our Data Tables plugin.
    Please remember, you always can contact us if you’ll need our help again.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Tables not centering’ is closed to new replies.