Skip to main content
All CollectionsIntegrationsWebflow
Webflow - How to fix styles?
Webflow - How to fix styles?

How to fix Webflow table styles or add custom CSS?

Vitalik May avatar
Written by Vitalik May
Updated over a week ago

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.

How to find Blog Post Template

Webflow - add custom CSS

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>

Did this answer your question?