Streaming live at 10am (PST)

Trouble with whitespace on exported site


#1

Hallo.
Today I tried to download files to my server which I've downloaded from webflow. BUT, some layouts have not proper view. I don't understand why.
Help, pls with advice.

Project adress - https://preview.webflow.com/preview/beinvogue?preview=eca026bf568cd3344097eb91c402ce97
Page that not looks good in the hosting - https://beinvogue.ru/ru/surgical_steel_webflow/steel-rage.html


#2

Hi @Stepan2017, thanks for reaching out. It seems there is some margin on one of the tab link classes that when removed cause the elements to be on all one row, I would check the margins and styling on the tab links:

Also, on another part of the page, there were some images which were displaying like this:

I believe this behavior is due to whitespace on the page, shown on the exported site due to the styling of the lightbox-beinvogue class, which are set to display-inline block, with a float set to off.

When I added float left, then the whitespace created by display inline block is used up:

Select your lightbox class on and change and add float left, and that should solve the issue.

Take a peek here how to troubleshoot display inline-block whitespace issues on exported sites: http://help.webflow.com/faq/how-to-troubleshoot-whitespace-spacing-issues-on-published-or-exported-sites

I hope this helps.


#3

Thank you very much Dave! Everything helped for me. Thanks for the article about inline-block!


#4

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