MAC, MAMP, WordPress, TablePress problems

Hi,

thanks for your post, and sorry for the trouble.

This is caused by some CSS in your theme. To fix this, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress {
  word-break: normal;
  word-wrap: normal;
}

Regards,
Tobias

Hi Tobias,

Thank you for your help. It still makes the columns very narrow and breaks up words in the default theme. I put a snapshot here: Google Drive.

Thank you, Doug.

Hi Doug,

ok, one more try:

.tablepress {
  word-break: normal !important;
  word-wrap: normal !important;
}

Regards,
Tobias

Hi Tobias,

I tried the new css, but it still does not work on either Fire Fox or Safari.

Thank you, Doug Dommermuth.

Hi,

that’s strange… If possible, I’d need to take a direct look at this, but that won’t be possible as you are developing locally, I guess?

Just to be sure: You are adding this CSS code into the “Custom CSS” text field on the “Plugin Options” screen of TablePress?

Regards,
Tobias

Hi Tobias,

Yes, I am using the plugin to enter the CSS code.

Yes, I am on a local server. I will try a server in the cloud to see what happens.

Thank you, Doug.

Hi Doug,

that would be great! If you could somehow make this available online, I’ll gladly take a direct look!

Regards,
Tobias

Hi Tobias,

The website is now live. Here is the link: FD Website. It still does not work. Could you please check it out? We are using the default wordpress theme.

Thank you, Doug.

• This reply was modified 5 years, 3 months ago by sdcycling.

Hi,

thanks! Now I see what’s going on. We need to make the change on the table elements, with this CSS code:

.tablepress th,
.tablepress td {
  word-break: normal;
  word-wrap: normal;
}

Regards,
Tobias

Hi Tobias,

Thank you! That made a big difference. The entries in the header of the table do not line up with the entries in the body of the table. Here is an example: header vs body. The table looks great in the preview. Is there a fix?

Thank you, Doug.

Hi,

this is caused by the “Horizontal Scrolling” feature being unable to properly set column widths. I recommend to use a slightly different technical solution for horizontal scrolling. For that, please uncheck the “Horizontal Scrolling” checkbox on the table’s “Edit” screen and instead use the scroll mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/

Regards,
Tobias