Home Forums WoodMart support forum An empty space appering after WPB tabs element

An empty space appering after WPB tabs element

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #618243

    josh-6874
    Participant

    Since the major update to v8.0, I am seeing a large empty space after footer, which changes its height according to each tab.
    It seems to conflict with the tabs since if I disable the row, the problem disappears.
    Please fix this ASAP.

    • This topic was modified 2 days, 19 hours ago by josh-6874.
    #618456

    Bogdan Donovan
    Keymaster

    Hi,

    To fix this issue, try to add the following code snippet to the Custom CSS area in Theme Settings.

    .vc_general.vc_tta.vc_tta-tabs {
    	overflow: hidden;
    }

    Kind Regards

    #618756

    josh-6874
    Participant

    Thanks, it’s fixed now.
    What is the source of the problem, Woodmart or WPBakery? Will this bug be fixed in the future version?

    #618790

    Bogdan Donovan
    Keymaster

    Hi,

    The spacing you observed in the footer was caused by the difference between the height of your currently open tab and the tallest tab among all tabs. Since you are using the Tabs element from the WPBakery plugin and not from the theme, this issue will not be resolved within the theme.

    To have a permanent solution, you should either keep the custom code applied in your settings or recreate these tabs with the Tabs element provided by the WoodMart theme.

    Kind Regards

    #618840

    josh-6874
    Participant

    Okay, I used Woodmart Tabs element in which each tab contains a HTML block of sectioned timelines.
    Now, the contents in 2nd, 3rd and 4th tabs are left aligned and very narrow. Please help me fix this.

    Attachments:
    You must be logged in to view attached files.
    #618911

    Bogdan Donovan
    Keymaster

    Hi,

    Judging by the structure of your HTML blocks, their content appears to have been manually copied using shortcode editing. For WPBakery content to render correctly, any content created with WPBakery must be placed inside a Row element, as happens when creating content natively in WPBakery from scratch.

    To fix this issue, you need to edit or recreate your timelines and place them within a Row element. Alternatively, if you prefer not to do this, you can use the following custom code to stretch the tab content to full width, similar to how it works inside a Row element. However, note that these changes will not be integrated into the theme because this content positioning structure is not standard for WPBakery plugin or WoodMart theme.

    .wd-tab-content > .wd-timeline-wrapper {
    	width: 100%;
    }

    Kind Regards

    #619120

    josh-6874
    Participant

    Hi,
    It was my mistake to remove the row element during copy and paste from the old code. Now I have added the row and placed the timeline contents inside in every tab, but the way it displays did not change (still left aligned and in shrunken width). Could you please take a look, again?

    #619229

    Bogdan Donovan
    Keymaster

    If you have updated the structure to the correct one but the issue persists, this indicates a problem with our theme. This issue will be resolved in the upcoming 8.0.2 update, which will be released soon.

    In the meantime, you can temporarily use the following custom code:

    .wd-tabs .wpb-content-wrapper {
    	width: 100%;
    }

    Kind Regards

Viewing 8 posts - 1 through 8 (of 8 total)