Round avatar

I would like to know about enabling this as well, can't find a setting for it.

 Hi @footbik, @eli,

Please use the following CSS code, put it in Dashboard > Comments > Settings > Styling admin page, put it in "Custom CSS Code" textarea, save it, delete all caches and do Ctrl+F5 on front-end.

#wpcomm .avatar{
  border-radius:50%;
}

Posted by: Astghik

 Hi @footbik, @eli,

Please use the following CSS code, put it in Dashboard > Comments > Settings > Styling admin page, put it in "Custom CSS Code" textarea, save it, delete all caches and do Ctrl+F5 on front-end.

#wpcomm .avatar{
  border-radius:50%;
}

Thanks @astghik, I posted this on the wrong place, I actually use wpforo not wpdiscuz, is there a way to do it in wpforo? thanks and sorry for hijacking this thread.

Dear @eli,

you need to put this code in Dashboard > Forums > Settings > Styles admin page in "Custom CSS Code" textarea. 

  #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar {
     border-radius: 50% !important;
  }

Posted by: Astghik

Dear @eli,

you need to put this code in Dashboard > Forums > Settings > Styles admin page in "Custom CSS Code" textarea. 

  #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar {
     border-radius: 50% !important;
  }

 

Thanks, I really appreciate your help, however for some reason it's not working for me either 🙁

Please leave your website URL.

it does not work for me either

Try putting the code into your WP theme's "additional css" field

Posted by: Astghik

Please leave your website URL.

Hi there @astghik, our site's URL is https://deepinenespañol.org/comunidad/ as you can see the avatars on the forum are not round 🙁  have added the code to the forum's additional CSS and also to the WP''s theme additional CSS as suggested, this is what I have on the WP's additional CSS right now:

.wp-post-image {
 display: none !important;
}

#kbe_container h1 {
 color: #000;
 font-size: 24px;
 font-weight: 600;
 margin: 0 0 34px;
 display: none;
}
#wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar {
 border-radius: 50% !important;
 }

And I added the following to the forum's Style additional CSS:

#wpforo-wrap {
 font-size: 13px; width: 100%; padding:10px 20px; margin:0px;
}

#wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar {
 border-radius: 50% !important;
 }

Thanks a lot for your kind help, it is appreciated.

-Eli

Hi @eli,

Please use the following code, if you like to make the image shown in screenshot round:

#wpforo-wrap .wpfl-2 .wpforo-last-post-avatar img{
    border-radius: 50%;
}

Posted by: Astghik

Hi @eli,

Please use the following code, if you like to make the image shown in screenshot round:

#wpforo-wrap .wpfl-2 .wpforo-last-post-avatar img{
    border-radius: 50%;
}

 

Thanks a lot @astghik, that work!  however when I go into a forum or sub forum like here: https://deepinenespañol.org/comunidad/aplicaciones-y-mas/ it still shows the square image instead, I wish I could make that one round as well.

Thanks so much!

Dear @eli,

Please remove prior codes, that I provided and add this one.  Delete all caches and do Ctrl+F5 on front-end.

#wpforo-wrap img{
  border-radius: 50%;
}

  Let me know if it doesn't help. 

Posted by: Astghik

Dear @eli,

Please remove prior codes, that I provided and add this one.  Delete all caches and do Ctrl+F5 on front-end.

#wpforo-wrap img{
  border-radius: 50%;
}

  Let me know if it doesn't help. 

Thanks so much again, you are a life savior, that works through out the whole forum now, thanks so much.

@astghik Ok, I spoke too fast lol there's a negative side effect to this method, now even embedded images within posts are also round not just the avatas lol thanks 

Dear @eli,

I am sorry I have made a mistake in previous post, please ignore it. Remove the wrong code and add this one:

#wpforo-wrap img.avatar{
  border-radius: 50%;
}

Posted by: Astghik

Dear @eli,

I am sorry I have made a mistake in previous post, please ignore it. Remove the wrong code and add this one:

#wpforo-wrap img.avatar{
  border-radius: 50%;
}

Thanks so much, this one did work, everything works as expected, I greatly appreciate your help.