Shortcodes Block for Videopress in Tab

  • Resolved hneufeld

    (@hneufeld)


    6 years, 1 month ago

    I love the blocks plugin, but I’m having a problem with video in blocks. In the referenced page, on the 4th tab, “Videos,” you’ll see in order three videos. The first is a YouTube embed, which works fine, then the two below are outside the tab block (will appear no matter which tab is selected). They work there. There are blocks to show them just below the YouTube embed, but those don’t function.

    Unless — I make the Videos tab the initially opened tab, so if the page opened with the Videos tab selected, all videos would display correctly.

    These are Videopress videos displayed using the shortcode in the shortcode block. All plugins have been updated to the most recent.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter hneufeld

    (@hneufeld)

    Added note: I also tested this using the custom HTML block with an iframe. It works in precisely the same way as the shortcode. I assume the shortcode just places the iframe in there, though I haven’t checked that.

    Hey,
    Closed tabs load by default as display none. (typical in any tabs) Some types dynamic content can’t load with display none.

    A workaround would be to set all the tabs to display block but then hide them through css visibility and setting the height to 0. So something like this css should work for you which you can add in your appearance > customizer > custom css:

    .kt-tabs-wrap .wp-block-kadence-tab {
    display: block;
    visibility: hidden;
    height: 0;
    padding: 0 !important;
    overflow: hidden;
    border-width: 0;
}
.kt-tabs-wrap.kt-active-tab-1>.kt-tabs-content-wrap>.kt-inner-tab-1,
.kt-tabs-wrap.kt-active-tab-2>.kt-tabs-content-wrap>.kt-inner-tab-2,
.kt-tabs-wrap.kt-active-tab-3>.kt-tabs-content-wrap>.kt-inner-tab-3,
.kt-tabs-wrap.kt-active-tab-4>.kt-tabs-content-wrap>.kt-inner-tab-4,
.kt-tabs-wrap.kt-active-tab-5>.kt-tabs-content-wrap>.kt-inner-tab-5,
.kt-tabs-wrap.kt-active-tab-8>.kt-tabs-content-wrap>.kt-inner-tab-6 {
    visibility: visible;
    height: auto;
    padding: 20px !important;
    border-width: 1px;
}

    Try that and let me know if it works for your videos.

    Ben

    Thread Starter hneufeld

    (@hneufeld)

    Perfect! Thanks so much!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Shortcodes Block for Videopress in Tab’ is closed to new replies.

Tags