Responsive Center

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

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. https://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!

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

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

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!