wptb-shadow-root-container media queries & loading CSS

  • Resolved tugbucket

    (@tugbucket)


    4 years, 6 months ago

    First, yours is the only plugin I have activated.

    Looking at the source, the table is being wrapped in a <div class="wptb-shadow-root-container"> and because of this, I can’t target anything in that table with media queries. What is causing this?

    I found this post:
    https://ww.wp.xz.cn/support/topic/looking-good-on-desktop-but-not-on-mobile/
    So to test I added this to the tables’ styles to no effect:

    #wptb-table-id-989 [data-wptb-breakpoint=tablet] table { background: pink !important;
}

    I also added all my table styles to the General settings and they don’t apply unless I put something, literally anything, in the individual tables’ CSS for example: table { box-shadow: none; } and then the general styles do take effect.

    So…
    1) why is it being wrapped in the wptb-shadow-root-container div?
    2) How do you use media queries?

    If the shadow div wasn’t there I could just write my own stylesheet.

    • This topic was modified 4 years, 6 months ago by tugbucket.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor erdembircan

    (@erdembircan)

    4 years, 6 months ago

    Hello @tugbucket,

    Can you please first check if Disable Theme Styles for Table option inside Settings > Styles and Disable Theme Styles For All Tables option under WP Table Builder Settings is disabled? The only reason your tables are under shadow root should be caused by enabling these two options.

    Location of Disable Theme Styles For Table option: https://ibb.co/NWPbc3n
    Location of Disable Theme Styles For All Tables option: https://ibb.co/wzbHLSy

    Best regards.

    • This reply was modified 4 years, 6 months ago by erdembircan. Reason: additional option location link
    Thread Starter tugbucket

    (@tugbucket)

    4 years, 6 months ago

    @erdembircan That did it. I think what was happening on my part was when your select to disable theme styles, I read that as your theme’s styles not my child theme.

    Works now and all my custom CSS appears to be good to go now.

    Thanks for the quick reply!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘wptb-shadow-root-container media queries & loading CSS’ is closed to new replies.