SEObot doesn't provide any styles - it only outputs pure HTML. The look of blog posts is determined by the CMS blog template.
While the lack of blog styling is a common problem with Webflow websites, it can be solved by setting custom CSS in the CMS Collection Pages -> Blog Posts Template in the Webflow Designer.
Table styles - Light Theme (adjust colors if needed):
<style>
table {
border-collapse: collapse;
text-align: left;
width: 100%;
margin: 20px 0;
}
thead tr {
background-color: #ddd;
}
tr:nth-child(even) {
background-color: #f5f5f5;
}
td,
th {
text-align: left;
padding: 12px;
border: none;
}
table th,
table td {
border: 1px solid #999;
padding: 8px;
color: #202020;
}
</style>
Table styles - Dark Theme (adjust colors if needed):
<style>
table {
border-collapse: collapse;
text-align: left;
width: 100%;
margin: 20px 0;
}
thead tr {
background-color: #555;
}
tr:nth-child(even) {
background-color: #333;
}
td,
th {
text-align: left;
padding: 12px;
border: none;
}
table th,
table td {
border: 1px solid #444;
padding: 8px;
color: #fff;
}
</style>
Note: you can add any other CSS styles to improve your blog's readability.