Home › Forums › WoodMart support forum › An empty space appering after WPB tabs element
An empty space appering after WPB tabs element
- This topic has 7 replies, 2 voices, and was last updated 17 hours, 32 minutes ago by Bogdan Donovan.
-
AuthorPosts
-
December 2, 2024 at 10:00 am #618243
josh-6874ParticipantSince 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.
December 2, 2024 at 3:01 pm #618456
Bogdan DonovanKeymasterHi,
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
December 3, 2024 at 2:52 am #618756
josh-6874ParticipantThanks, it’s fixed now.
What is the source of the problem, Woodmart or WPBakery? Will this bug be fixed in the future version?December 3, 2024 at 10:04 am #618790
Bogdan DonovanKeymasterHi,
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
December 3, 2024 at 11:35 am #618840
josh-6874ParticipantOkay, 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.December 3, 2024 at 1:34 pm #618911
Bogdan DonovanKeymasterHi,
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
December 4, 2024 at 3:52 am #619120
josh-6874ParticipantHi,
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?December 4, 2024 at 11:58 am #619229
Bogdan DonovanKeymasterIf 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
-
AuthorPosts
- You must be logged in to create new topics. Login / Register