Streaming live at 10am (PST)

Trouble with whitespace between tabs after export


#1

Once exported, my tab component separates. I made a blank website showing how it is not specific to anything.


Here is my site Read-Only: LINK

1


#2

Hi @Kameron2332, thanks for the post.

A couple of quick things, first the tabs widget by default has a styling of inline block with a float set to off:

When exported, elements having a styling of inline block with float off will cause a little extra whitespace around inline-block styles, and with float off the whitespace is visible. It is not visible on the published webflow site or the designer as we automatically minify code and clear the whitespace.

Hosting in Webflow will fix it, or you can add a float left to remove the whitespace:

Which will result in this after export:

More info about this: https://university.webflow.com/article/troubleshooting-spacing-issues-caused-by-inline-block

I hope this helps!


#3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.