Shortcode makes site black

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!

Regards,
Tobias

Hi again Tobias. Thanks for the quick answer.

i can confirm you now that is an issue with the plugin, tried another with shortcode and it worked.

So, here’s the url: https://ca.design2web.pt/

The plugin is active and the shortcode applied!

Gonna send you the admin details for logging in!

Best regards, and thanks

Tiago

ah, please send me your email or other way of communication!

Hi,

thanks for the link! From what I can see, you are affected by something very similar to this: https://tablepress.org/faq/js-functions-not-working/
It seems that your theme is loading an extra and very outdated copy of the jQuery JS library from https://code.jquery.com/jquery-1.7.1.min.js (TablePress just helped uncover this issue).
Please check your theme’s “functions.php” for references to that file and then follow the ideas from my first link above to remove these.

Admin access will not be necessary here.

Regards,
Tobias

Hi miranda,

I refered the url, which the backgroundcolor form the inline css.
this is the class, which makes the site black.I guess it is because of this plugin.

<div id=”qLtempOverlay” style=”position: fixed; width: 100%; height: 100%; z-index: 9999; left: 0px; top: 0px;”></div>

Find out source and delete it or In your theme style.css add this style sheet
#qLtempOverlay{
backgorund-color:transparent !important;
}

Hi miranda,

Please check this link, this may helpful for you.

https://www.google.co.in/search?q=qLtempOverlay&ie=utf-8&oe=utf-8&client=firefox-b-ab&gfe_rd=cr&ei=bciRV_PVAcmL8QfOqZm4Ag

Hi moorthy123,

making this transparent is not a good idea, because she actually wants this.
The problem is that the JS that is supposed to remove it (or show other content as well) is not working due to that jQuery issue.
So, the proper fix is fixing that double-loading of jQuery.

Regards,
Tobias

Right, here i am again.

Thanks a lot for your assistance, everything is working fine.

I just have an question now, how can i center the table content to be aligned with each column? tried with css but no success. and what about adding a line to separate each column?

Suggestion: could these “tools” be made available on the next version / update?

Thanks a lot

Tiago

Hi Tiago,

good to hear that it’s working again! ??

To align content, you can indeed use CSS code, like

.tablepress-id-1 .column-1 {
  text-align: center;
}

Have you tried that?

To add border lines, you would use

.tablepress-id-1 thead th,
.tablepress-id-1 tbody td {
  border: 1px solid #cccccc;
}

Regards,
Tobias

Hi Tobias, i haven’t tried that because i didn’t looked on the css file for the right expression to change. that can be done and there’s no big problem for me there. but in the next update could it be more “handy” to make that change?

Thanks for the reply.

Hi,

don’t be afraid, adding this CSS code to the “Custom CSS” textfield on the “Plugin Options” screen of TablePress is very easy! ??
And no, I don’t think that this will change in the future, as this CSS method simply offers so much flexibility. No user interface could match that, but would make the screens more complicated to use.

Regards,
Tobias