Elementor layouts compatibility???

  • micwie

    (@micwie)


    5 years ago

    Hello,

    thanks for making amazing plugins like this!
    I want to display certain Elementor layout within the custom tab using shortcode. When I do so, the content is not displaying correctly (it is “squeezed” and half of the content is missing, see screenshot and link). When I insert the same elementor shortcode e.g. to the default Description tab, it works fine. Where might be the problem?

    Here is the URL with screenshots and video demostrating that in description tab it works just fine.

    View post on imgur.com

    Thank you!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author YITHEMES

    (@yithemes)

    Hello,

    This needs a custom CSS style.
    Add the following CSS rule to the additional CSS area:

    .woocommerce-tabs .woocommerce-Tabs-panel.panel#tab-10917 {
    max-width: 100%;
    width: 100%;
}

    Please note that this style rule will only work for the existent tab, which its ID is the 10917. If you create a new tab, it will have a different ID so you will need to modify the CSS rule.

    Thread Starter micwie

    (@micwie)

    Hello,

    thanks for your reply. In case I will need more than one tab with this settings, do I always need to create new CSS rule for this? I am not the CSS expert, but it looks that every tap has new ID class, right? Or is there any chance to apply it for every tabs created within your plugin? This would be awesome.

    Thank you!

    Plugin Author YITHEMES

    (@yithemes)

    Hi @micwie,
    in that case you could modify the rule in a way like this:

    .woocommerce-tabs .woocommerce-Tabs-panel.panel#tab-10917,
.woocommerce-tabs .woocommerce-Tabs-panel.panel#tab-OTHER_ID,
.woocommerce-tabs .woocommerce-Tabs-panel.panel#tab-OTHER_ID2
 {
    max-width: 100%;
    width: 100%;
}

    Hi,

    I have created 3 extra product tabs for my Woocommerce Store.
    How can I have the elementor layout to be used in respective tab?

    Right now, only the 1st tab can edit using elementor layout, however once I added using it, other info in other tabs will be missing.

    https://www.hairleh.com/product/o2-fresh/

    Plugin Author YITHEMES

    (@yithemes)

    Hello,
    I’m sorry but at the moment Elementor is not supported by plugin.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Elementor layouts compatibility???’ is closed to new replies.