SEObot doesn't provide any styles - it only outputs pure HTML. The CMS blog template determines the look of blog posts.
Navigate to the Blog Template Settings and click Change Template.
Scroll down to the Header HTML section and add custom CSS inside
<style></style>tags:
Click the Save button.
CSS style examples
Table styles - Light Theme (adjust colors if needed):
<style>
/* Tables */
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>
/* Tables */
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>
Header spacing:
<style>
/* Headers */
h2,
h3,
h4 {
margin-top: 1.5em;
margin-bottom: 0.8em;
}
</style>
Code snippets (adjust the background and border colors):
<style>
/* Code block */
pre {
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
padding: 12px;
margin: 15px 0;
overflow: auto;
}
code {
font-family: Consolas, Monaco, 'Andale Mono', monospace;
font-size: 14px;
line-height: 1.4;
}
/* Inline code styling */
p code {
background-color: #f5f5f5;
border: 1px solid #eaeaea;
border-radius: 3px;
padding: 2px 4px;
font-size: 90%;
}
</style>