SOLVED IN 1.4: Templates added using shortcodes are often missing styles

[ainom]

Bricks Version: 1.3.7

I’ve encountered this in a few places. In the example below, I’m adding the contents of a tab using a shortcode (each tab has a shortcode for a template that was created to contain the tab contents).

1. Create a section template. Add a video element to it.
2. After saving the template, copy the shortcode for it.
3. On another page, add a Tabs element. FOr one of the tabs, paste the shortcode for the template.

→ On the front end (fine in the builder) the tab content (the section template) is missing styles:

4. If I add a video to the page below (i.e. outside of) the tabs control, then view on the front end, styling is fine:
   
   

In the last image, the 3rd video has been added directly to the page, outside of the tabs.

[timmse]

Hi Eric,

thanks so much for your report! You’re right, the styles missing.

As a temporary fix, you can insert the missing styles via custom CSS to the tabs element:

root .bricks-element-video .bricks-video-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding-top: 56.25%;
    position: relative;
    width: 100%;
    overflow: hidden;
}

root .bricks-element-video .bricks-video-wrapper iframe,
root .bricks-element-video .bricks-video-wrapper video {
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

Best regards,
timmse