magicfingers

I ran into the same issue where removing content from a tab made it impossible to add content back. Additionally, empty tabs couldn’t be deleted, and newly added tabs wouldn’t display content.

After testing multiple Spectra versions (2.15.3 to 2.19), I found a workaround that worked for me:

Solution: Manually Editing Tabs via Code Editor

1. Switch to the Code Editor in WordPress
   • Click the three dots in the top-right corner and select Code Editor.
2. Copy the Tabs Block Code into VS Code (or another editor)
   • The tabs are structured as list items (<li>) inside the uagb-tabs block, but they are not immediately obvious.
   • You have to inspect the code carefully to find them.
3. Find and Delete the Empty Tabs (uagb-tab <li> Items)
   • Look for the <li> elements inside the uagb-tabs container.
   • Identify the empty tabs (they will have no content inside or just a <br> tag).
   • Manually delete those <li> elements.
4. Copy the Modified Code Back to WordPress
   • After making the changes, copy the updated code from VS Code back into the WordPress Code Editor.
   • Save the page to apply the fix.
5. Switch Back to the Visual Editor
   • Return to the Visual Editor in WordPress, and the issue should be resolved.

This method allowed me to successfully remove broken tabs that couldn’t be deleted normally. Hopefully, Spectra can address this bug in a future update.

Has anyone else tried this? Let me know if it works for you too! 🚀🚀

• This reply was modified 1 year, 2 months ago by magicfingers.