Title: Shortcode makes site black Last modified: September 1, 2016 --- # Shortcode makes site black * Resolved [miranda.f.tiago](https://wordpress.org/support/users/mirandaftiago/) * (@mirandaftiago) * [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/) * Hi Tobias, * i’ve installed, create the table and everything ok until the time i placed the shortcode on an page. all the site content disappeared and become black. the theme uses some “shortcodes” inside [] in order to create the responsive layout. * As you can see by the example below there’s something crazy happening between your plugin and the theme because there’s another plugin for the slideshow that uses shortcodes and everything is fine! * Any idea why the TablePress shortcode is turning the content black? * Example: * **[start_row]** * [two_third] _**!CONTENT GOES HERE!**_ [table id=1 /] [/two_third] * [one_third] * [cvmh-simple-slideshow] * [/one_third] * [end_row] * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/) Viewing 11 replies - 1 through 11 (of 11 total) * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/#post-7592227) * 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 * Thread Starter [miranda.f.tiago](https://wordpress.org/support/users/mirandaftiago/) * (@mirandaftiago) * [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/#post-7592262) * 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: [http://ca.design2web.pt/](http://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 * Thread Starter [miranda.f.tiago](https://wordpress.org/support/users/mirandaftiago/) * (@mirandaftiago) * [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/#post-7592263) * ah, please send me your email or other way of communication! * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/#post-7592287) * 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/](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 [http://code.jquery.com/jquery-1.7.1.min.js](http://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 * [moorthy123](https://wordpress.org/support/users/moorthy123/) * (@moorthy123) * [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/#post-7592290) * 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. *
* Find out source and delete it or In your theme style.css add this style sheet # qLtempOverlay{ backgorund-color:transparent !important; } * [moorthy123](https://wordpress.org/support/users/moorthy123/) * (@moorthy123) * [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/#post-7592291) * 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](https://www.google.co.in/search?q=qLtempOverlay&ie=utf-8&oe=utf-8&client=firefox-b-ab&gfe_rd=cr&ei=bciRV_PVAcmL8QfOqZm4Ag) * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/#post-7592294) * 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 * Thread Starter [miranda.f.tiago](https://wordpress.org/support/users/mirandaftiago/) * (@mirandaftiago) * [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/#post-7592351) * 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 * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/#post-7592383) * 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 * Thread Starter [miranda.f.tiago](https://wordpress.org/support/users/mirandaftiago/) * (@mirandaftiago) * [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/#post-7592430) * 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. * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/#post-7592431) * 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 Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Shortcode makes site black’ is closed to new replies. * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944) * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/) * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq) * [Support Threads](https://wordpress.org/support/plugin/tablepress/) * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/) * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/) * 11 replies * 3 participants * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * Last activity: [10 years ago](https://wordpress.org/support/topic/shortcode-makes-site-black/#post-7592431) * Status: resolved