• Resolved IkeGordon

    (@ikegordon)


    How can I keep the table centered on the page while it’s moving throughout the responsive sizing? For instance, when it resizes for tablet content is pushed to the left and isn’t centered. Is there a way to keep all content centered regardless of responsiveness?

    https://wordpress.org/plugins/tablepress/

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    This should be possible with some “Custom CSS” on the “Plugin Options”s screen. Please try adding

    .tablepress-id-123 tbody td {
      text-align: center !important;
    }

    where the table ID of 123 needs to be adjusted as necessary.

    If that does not help, please post a link to the page with the table. Thanks!

    Regards,
    Tobias

    Thread Starter IkeGordon

    (@ikegordon)

    Thank you for the super fast reply. Unfortunately, that didn’t work. I added what you suggested and event tried adding in an additional CSS command. See below.

    .tablepress-id-1 tbody td {
    text-align: center !important;
    }

    .tablepress-responsive-tablet tbody td {
    text-align: center !important;
    }

    What are your thoughts? Here is a link to the website. http://www.bimmg.com
    The issue is on the homepage with the two side by side banners under the main slideshow. This is only an issue once responsiveness has taken affect, so you will need to shrink in your browser or view on tablet.

    I’ve taken privacy off please respond fast as this cannot be off for long.

    Thank you!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the link!

    The issue here is that you are using the Responsive Tables Extension on a table with images, which is not really what it’s best suited for.
    This CSS could work:

    @media (max-width: 979px) {
      .tablepress-id-1 tr,
      .tablepress-id-1 td {
        width: 100%;
      }
    }

    Regards,
    Tobias

    Thread Starter IkeGordon

    (@ikegordon)

    You are correct, that worked…. and yes I am using an incorrect shortcut as a lazy programmer. haha You can resolve this. Thank you

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    very nice! Thanks for the confirmation! 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 ‘Responsive Center’ is closed to new replies.