Styling

Styling Notion-generated HTML in your Webflow pages

Tables

Create an Embed on the page and paste in this style. It will style any tables within HTML.

This particular styling uses a white border coloring, and assumed a darkmode background. Adjust that to your style guide.

<style> 
.w-richtext table {
  border-collapse: collapse;
  width: 100%;
}

.w-richtext td {
  border: 1px solid #ffffff;
  padding: 8px;
  vertical-align: top;
}

.w-richtext tr:first-child td {
  background-color: #2f2f2f;
  color: #ffffff;
}
</style>