Skip to main content

WordPress - How to fix styles?

How to fix WordPress table styles or apply custom CSS?

Vitalik May avatar
Written by Vitalik May
Updated over 10 months 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?