Publishing to Webflow

Publishing to WordPress is one-click for 99% of websites - once you've connected your website, you simply select it from the list and click "Publish".

If you are having issues with broken tables or lists, please see Broken Styling

Publish Status

Machined allows you to publish to "draft", "staged" or "live" status.

Broken Styling

Webflow has a known issue where html tables and lists which are nested inside RichText elements are not displayed correctly in the Webflow Designer or Preview. This can make it look like the content wasn't published/copied correctly, but this is not the case - the content is just fine and it's Webflow that is displaying it incorrectly.

There are two cases to be aware of:

  • Tables/lists look broken in Designer/Preview only

    • Nothing to do, the designer is broken but your website is just fine.

  • Tables/lists look broken in Designer/Preview and on the Live published website

    • Your theme is missing some styling - follow the steps below to add your own css styles

Fix RichText styling issues

Give your RichText element a class name that identifies it clearly, like blog-content:

Add custom code to style the tables inside your RichText element, using the class above:

Some example styling is below to get you started - but you should style this to match your site:

<style>
.blog-content table {
  margin-top: 30px;
  margin-bottom: 20px;
}

.blog-content th {
  padding: 2px 30px 2px 10px !important;
  margin-bottom: 5px !important;
  margin-right: 10px !important;
  text-align: left;
}

.blog-content td {
  padding: 2px 30px 2px 10px !important;
}

table, th, td {
  border: 1px solid #e6e6e6;
  border-collapse: collapse;
}
</style>

Even after styling the table this way, it will still look broken in both the Webflow Designer and Preview - however it will be correctly styled in the published version.

if you're still having issues with this, please reach out on our in-app chat and we can help.

Last updated