Skip to main content
All CollectionsIntegrationsWordPress
WordPress - How to fix styles?
WordPress - How to fix styles?

How to fix WordPress table styles or apply 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 CMS blog template determines the appearance of blog posts.

While the lack of blog styling is a common problem with WordPress website templates, it can be solved by setting custom CSS in Dashboard -> Appearance -> Customize -> Additional CSS:

WordPress: Appearance -> Customize

WordPress: Customize CSS

Table styles - Light Theme (adjust colors if needed):

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;
}

Table styles - Dark Theme (adjust colors if needed):

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;
}

Did this answer your question?