No bug Author Bio Styling / Adding Character to Separate Date and Author
- CCAZ Marketing
-
Topic Author
- Offline
Less
More
- Posts: 8
- Thank you received: 0
1 month 2 weeks ago #3218
by CCAZ Marketing
Author Bio Styling / Adding Character to Separate Date and Author was created by CCAZ Marketing
I would like to add some CSS to create a frame and grey box around the author's bio. How do I do this and also in a way that is not overwritten when the extension is updated. (see screenshots)
I would also like to add a character to separate the author and date at the top of a post so that it looks like this:
Written by: Author Name | Published: Date
I would also like to add a character to separate the author and date at the top of a post so that it looks like this:
Written by: Author Name | Published: Date
The topic has been locked.
- Ruud van Lent
-
- Offline
Less
More
- Posts: 1690
- Thank you received: 108
1 month 2 weeks ago #3220
by Ruud van Lent
Replied by Ruud van Lent on topic Author Bio Styling / Adding Character to Separate Date and Author
Hi,
so these are two questions that both can be handled by css:
1. the styling for the template (which is 'fixed' for the template, 2. a way to add custom css to the page.
When you use the custom css for the template, then you are sure that ochBlog (or any other component) will not overwrite it when there is a new version: that is because you didn't change the ochBlog css files.
So question here is: does your template have a way to add custom CSS?
if it does, then you can add e.g.:
for the | between the authorname and dat you can add the following css:
Let me know if this works for you. Note the css I provided is for proof of concept, you should style yourself
so these are two questions that both can be handled by css:
- css styling of the author info box
- adding / changing the output (so adding the | to the display)
1. the styling for the template (which is 'fixed' for the template, 2. a way to add custom css to the page.
When you use the custom css for the template, then you are sure that ochBlog (or any other component) will not overwrite it when there is a new version: that is because you didn't change the ochBlog css files.
So question here is: does your template have a way to add custom CSS?
if it does, then you can add e.g.:
Code:
.ochblog-authorinfo-container {
background: #ccc;
padding: 5px;
border: 1px solid;
}
for the | between the authorname and dat you can add the following css:
Code:
.articleinfo div.writtenby a::after {
content: " |";
}
Let me know if this works for you. Note the css I provided is for proof of concept, you should style yourself

The topic has been locked.
- CCAZ Marketing
-
Topic Author
- Offline
Less
More
- Posts: 8
- Thank you received: 0
1 month 1 week ago #3221
by CCAZ Marketing
Replied by CCAZ Marketing on topic Author Bio Styling / Adding Character to Separate Date and Author
We are using a template that provides for a custom css override. Added our styling and everything looks great now. Thanks again.
The topic has been locked.
- Ruud van Lent
-
- Offline
Less
More
- Posts: 1690
- Thank you received: 108
1 month 1 week ago #3224
by Ruud van Lent
Replied by Ruud van Lent on topic Author Bio Styling / Adding Character to Separate Date and Author
And here I was thinking it already looked great
)))
Good you figured it out and my code examples where useful.
and agree: looks great!
closing this one as well,
as usual > feel free to open a new one.
regards,
Ruud.

Good you figured it out and my code examples where useful.
and agree: looks great!
closing this one as well,
as usual > feel free to open a new one.
regards,
Ruud.
The topic has been locked.