Hi There,
Is there any CSS code I can use to make my author name run beside my avatar, rather than below it? Here’s how it appears now on my site:
https://www.irreverentgent.com/how-to-start-working-out-for-men/
And here’s an example of how I’d like it to look:
https://www.theatlantic.com/magazine/archive/2018/11/the-case-for-liberal-republicanism/570790/
Thanks!
Hello Irreverent Gent,
If you want to move the author section at the bottom of your post template you should edit the theme core files and move this section from the code. As a hint, if you are using the Single TEmplate Style 1 you should make this change like this -> https://www.screencast.com/t/uEvSTIPDF
Thanks.
Hi Catalin,
I don’t want to move the author section at the bottom of the post. I just want the byline at the top of the post to run beside the avatar photo, rather than below it. Is there some code that would help me do this?
Thanks!
Hi,
Hi please use a cloud template, that will make your task more easy.
Here is an affiliate link were you can try your slef.
https://affiliate.tagdiv.com/wp-admin/post.php?post_id=173&td_action=tdc&tdbLoadDataFromId=116&tdbTemplateType=single&prev_url=https%3A%2F%2Faffiliate.tagdiv.com%2F50-tips-and-insights-about-productivity-happiness-and-life%2F%3Fedit_url%3Dhttps%253A%252F%252Faffiliate.tagdiv.com%252Fwp-admin%252Fpost.php%253Fpost_id%253D173%2526td_action%253Dtdc%2526tdbLoadDataFromId%253D116%2526tdbTemplateType%253Dsingle#/
Thank you.
Hi Guys,
Just wanted to ask one more question on this. Take a look at the below image to see exactly what I mean.
https://www.irreverentgent.com/wp-content/uploads/2018/11/Byline-Example.jpg
Please let me know if there’s any bit of code I can use to move the byline up so it’s beside the picture, rather than below it.
Thanks!
Dave
Hi,
Please add the below css in Custom css
https://www.screencast.com/t/ZlmbgvrrJM
.td-post-title .td-module-meta-info {
display: inline-flex;
}
.td-post-title .td-module-meta-info .td-post-author-name{
margin: 18px 0 0 10px;
}
.td-post-title .td-module-meta-info .td-post-date {
top: 21px;
}
Thanks.
