Shortcode makes site black

  • Resolved miranda.f.tiago

    (@mirandaftiago)


    9 years, 10 months ago

    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://ww.wp.xz.cn/plugins/tablepress/

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 10 months ago

    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

    (@mirandaftiago)

    9 years, 10 months ago

    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/

    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

    (@mirandaftiago)

    9 years, 10 months ago

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

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 10 months ago

    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 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

    (@moorthy123)

    9 years, 10 months ago

    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;
    }

    moorthy123

    (@moorthy123)

    9 years, 10 months ago

    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

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 10 months ago

    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

    (@mirandaftiago)

    9 years, 10 months ago

    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

    (@tobiasbg)

    9 years, 10 months ago

    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

    (@mirandaftiago)

    9 years, 10 months ago

    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

    (@tobiasbg)

    9 years, 10 months ago

    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.