Search tab in various browsers

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!

My guess here is that your site uses a plugin that adds invisible characters into the table cells, for things like “nice” hyphenation, etc. I have seen this happening in the past, with typography plugins (I don’t remember the name though). Are you using something like this?

Regards,
Tobias

Of course, sorry, I forgot.
https://www.novyjicin.cz/telefonni-seznam/

But I think you already got it – it can be due to fact, that we use @ (at) as picture. It is like that because of spam bots I think (it was implemented before my arrival here).

What is the solution now?

Hi,

thanks for the link! Yes, it looks like my assumption was correct. This is caused by your theme, which is using some “Hyphenator” script, the JS file /wp-content/themes/webap/js/hyphenator/Hyphenator_Loader.js
This is adding invisible ­ characters into the the words.
Please check if your theme allows turning off that Hyphenator feature.

The @ image that you mention does not play a role here. That’s totally okay to use!

Regards,
Tobias

Hello,

sorry to open up this topic again – I just would like to ask, where I can find/simualte that it adds invisible ­ characters?

We are still working on reapiring it with our web developers and they cant test it on theirs browsers and systems, so we are trying to do it ourselves.

I can’t remember, where it can be – I looked in source code of the page, then I explored the element but without success.

Thanks in advance.

Hi,

you should be able to see those ­ (or other invisible) characters when using the Inspection feature of the browser’s Developer Tools (available via the menu). I prefer those from Google Chrome for this.

Regards,
Tobias

Hi, it’s me again

so the search tab is now working well, so thank you. We have other issue on our intranet page, more specifically with collapse button.

As you can see on our main web page, everything is good – https://www.novyjicin.cz/telefonni-seznam/. But on our internal page its doing this:

https://abload.de/img/tablepress-collapse67ks9.png

I dont know what to change to stop it happening. Thanks in advance.

Hi,

thanks for your post, and sorry for the trouble.

Do you mean the little dots before the entries in the list? This is coming from some CSS in your theme, I would guess. You could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress ul {
  list-style-type: none;
}

Regards,
Tobias

No, its that the plus/minus icon overlap the first 2 to 3 letters from name. Instead of “Kopecky” I can see only “pecky”, even in bigger resolution. It should be next to the name – just like we have on our external webpage.

I tried that Custom CSS, but nothing happened. I think we are on good path, it will be something with CSS (on internal page we have Divi theme, on the other one we have template made by company).

Hi,

thanks for the clarification! That’s a similar problem: Your theme is likely setting a different padding on those cells. Please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    padding-left: 30px !important;
}

Regards,
Tobias

after minor edit and with help of my colleague it works, thank you so much for your advice ??

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!