No bug Author Bio Styling / Adding Character to Separate Date and Author
- CCAZ Marketing
-
Onderwerp Auteur
- Offline
Minder
Lees meer
- Berichten: 9
- Ontvangen bedankjes 0
4 maanden 3 weken geleden #3218
door CCAZ Marketing
Author Bio Styling / Adding Character to Separate Date and Author werd gestart door 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
Discussie gesloten.
- Ruud van Lent
-
- Offline
Minder
Lees meer
- Berichten: 1707
- Ontvangen bedankjes 111
4 maanden 3 weken geleden #3220
door Ruud van Lent
Beantwoord door Ruud van Lent in 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

Discussie gesloten.
- CCAZ Marketing
-
Onderwerp Auteur
- Offline
Minder
Lees meer
- Berichten: 9
- Ontvangen bedankjes 0
4 maanden 3 weken geleden #3221
door CCAZ Marketing
Beantwoord door CCAZ Marketing in 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.
Discussie gesloten.
- Ruud van Lent
-
- Offline
Minder
Lees meer
- Berichten: 1707
- Ontvangen bedankjes 111
4 maanden 3 weken geleden #3224
door Ruud van Lent
Beantwoord door Ruud van Lent in 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.
Discussie gesloten.