[Solved] Change the user avatar from square to round

Hi @orakel

You can use the layout #2, more info in this doc: 

https://wpdiscuz.com/docs/wpdiscuz-7/getting-started/manage-comment-forms/comment-form-settings/#comment-thread-layout

If you don't want to change the layout just leave some example URL we'll provide a CSS code for the layout you're using. 

Hello Asti

I use the Layout 2 because i love the vertical lines in answers.

But i see square avatars.

My site is blueaustria.at (i forget to write)

@orakel,

Use the CSS code below: 

#wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar img, #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img, #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img.avatar {
   border-radius: 50% !important;
   border-bottom: none !important;
}

Thank you very much Asti =)

Posted by: @asti

#wpdcom.wpd-layout-2 .wpd-comment .wpd-blog-post_author .wpd-avatar img, #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img, #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img.avatar

Is this correct? what can i remove from this code? all the #?

Thanks Orakel

@orakel,

Yes, the code is correct and works fine. No necessary to remove the elements from the selector. 

If i upload the functions.php with this code i get a critical error on my website.

my editor also shows the line outcommented

@orakel,

The code should be added in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea.

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.

oh ok

i have no customize in the top admin bar 🙁

@orakel,

You can open the Customizer by clicking the Appearance > Customize menu in the left sidebar of your WordPress admin area.

You can see the Customizer sidebar on the left of the screen. Here, navigate to the last menu item called Additional CSS. This is where you can insert the custom CSS you want to add to your theme. 

Hey may friend =)

Theme customizer YES lol sorry (i am a little bit tired)

I got it to work now, just guest are still have squared avatars.

Thanks for all your help mate

Orakel

@orakel,

Please remove the code provided before and use this one: 

#wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar img, #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img, #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img.avatar {
   border-radius: 50% !important;
   border-bottom: none !important;
}

Yes that works.....thank you Asti! =)