Blog Author Bio formatting support -

Hi, I'm working on a blog section and for the first time have multiple authors. I'm looking for some help in two areas. 

Font Size - the font size of the bio is very small compared to the rest of the content. Is there a way that I can make it larger?

Social / Connections: is there a way to format the bio so that it can include links to social media accounts - I'm most interested in how I could include a link to an author's LinkedIn profile. 

Appreciate any help you can offer. 

Cheers, 
Kate

And here's a sample blog post if helpful:

https://www.coachescooperative.org/blog-main/from-someday-to-today-turning-your-passion-projects-into-a-reality

On 3/13/2024 at 8:33 AM, cupkate said:

Hi, I'm working on a blog section and for the first time have multiple authors. I'm looking for some help in two areas. 

Font Size - the font size of the bio is very small compared to the rest of the content. Is there a way that I can make it larger?

Social / Connections: is there a way to format the bio so that it can include links to social media accounts - I'm most interested in how I could include a link to an author's LinkedIn profile. 

Appreciate any help you can offer. 

Cheers, 
Kate

#1. You can use this code to Website > Website Tools > Custom CSS

div.blog-item-author-profile-wrapper * {
    font-size: 20px !important;
}

#2. Your site has 1 bio profile or multi? and add LinkedIn link only or LinkedIn icon + link? and which position?

We can use JS code to add this

The CSS worked perfectly thank you so much!

We have multiple authors contributing to our blog.  Ideally, I'd love to have the LinkedIn logo + link.  And I think it should align left under the bio and next to their web URL (is there a way this could be a link + icon, too?)

On 3/14/2024 at 9:37 PM, cupkate said:

The CSS worked perfectly thank you so much!

We have multiple authors contributing to our blog.  Ideally, I'd love to have the LinkedIn logo + link.  And I think it should align left under the bio and next to their web URL (is there a way this could be a link + icon, too?)

Can you share link to 2 posts with 2 authors? I want to test some code ID.

 (is there a way this could be a link + icon, too?) >> You mean change website url to link icon?

Hi - 

Here are links to blog posts by three separate authors

https://www.coachescooperative.org/blog-main/post-sharpen-your-blade

https://www.coachescooperative.org/blog-main/from-someday-to-today-turning-your-passion-projects-into-a-reality

https://www.coachescooperative.org/blog-main/post-stillman-exploring-qualities-mentor-coach

And to your question about the web site - yes - I think it would be nice to have the LinkedIn logo that connects to their page and then a web logo that can link to their website.  

Thanks for your help! 
 

Cheers, Kate

On 3/18/2024 at 8:00 PM, cupkate said:

Hi - 

Here are links to blog posts by three separate authors

https://www.coachescooperative.org/blog-main/post-sharpen-your-blade

https://www.coachescooperative.org/blog-main/from-someday-to-today-turning-your-passion-projects-into-a-reality

https://www.coachescooperative.org/blog-main/post-stillman-exploring-qualities-mentor-coach

And to your question about the web site - yes - I think it would be nice to have the LinkedIn logo that connects to their page and then a web logo that can link to their website.  

Thanks for your help! 
 

Cheers, Kate

 

(Just a test code, if it work, I will give code for other authors)

With this author

https://www.coachescooperative.org/blog-main/post-sharpen-your-blade

add this code to Last Line in Code Injection > Footer

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  <script>
    $(document).ready(function(){
    $('.blog-item-author-profile-wrapper a[href="/blog-main?author=65cbe3b52620e44ee7a04e10"]').closest('.blog-item-author-profile-wrapper').addClass('dan-brown');
    $('<a href="https://www.linkedin.com/in/dan-brown-9bb19"><i class="fab fa-linkedin-in"></i></a>').appendTo('.dan-brown');
});
</script>

If it doesn't work, you can keep code in Code Injection, I can check again easier

This worked. Can you confirm how I would add this to all of my authors? Do I copy that code injection and replace the author's linked-in reference? I tried to do that with my author profile (Kate Nagel) and wasn't able to get it to work. 

My LinkedIn connection is https://www.linkedin.com/in/nagelkate/

Also were you able to figure out how to create something similar for the author's website?

Thanks so much for your help! My author's will be happy to see a direct link to their LinkedIn as an extra opportunity to promote!

Cheers, Kate

This worked!  Thank you so much for this help!  Were you able to figure out how to add a website icon that would link to the author's website?  

Also, how do I go about finding an author's ID when I add other authors - or is it easier just to ping back here and ask for help?  

Appreciate you and your support here!

Cheers, Kate

On 3/29/2024 at 7:36 AM, cupkate said:

This worked!  Thank you so much for this help!  Were you able to figure out how to add a website icon that would link to the author's website?  

Also, how do I go about finding an author's ID when I add other authors - or is it easier just to ping back here and ask for help?  

Appreciate you and your support here!

Cheers, Kate

#1. You mean replace this url with a website icon + url, and place it next to LinkedIn?

#2. Just click on Author Image

it will open a link like this

https://www.coachescooperative.org/blog-main?author=65aff7196a923d00e1151f4d

ID here

Hi - yes to #1 replace the url that's listed with an icon like you've underlined. 

and THANK YOU for the info on #2!

Cheers, Kate