wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

[Solved] Change the user avatar from square to round

Page 1 / 2

Orakel
Posts: 96
Topic starter
(@orakel)
Trusted Member
Joined: 1 year ago

I believe there was an option, but i cant remember where it is located.

Can you help me out please? =)

 

Thanks

Orakel

Topic Tags
14 Replies
Asti
Posts: 3913
 Asti
Support
(@asti)
Support member
Joined: 4 years ago

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. 

Orakel
Posts: 96
Topic starter
(@orakel)
Trusted Member
Joined: 1 year ago

Hello Asti

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

But i see square avatars.

image
2 Replies
Orakel
(@orakel)
Joined: 1 year ago

Trusted Member
Posts: 96

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

Asti
 Asti
Support
(@asti)
Joined: 4 years ago

Support member
Posts: 3913

@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;
}

 

Orakel
Posts: 96
Topic starter
(@orakel)
Trusted Member
Joined: 1 year ago

Thank you very much Asti =)

Orakel
Posts: 96
Topic starter
(@orakel)
Trusted Member
Joined: 1 year ago
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

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 4 years ago

Support member
Posts: 3913

@orakel,

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

Orakel
Posts: 96
Topic starter
(@orakel)
Trusted Member
Joined: 1 year ago

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

my editor also shows the line outcommented

 

image
1 Reply
Asti
 Asti
Support
(@asti)
Joined: 4 years ago

Support member
Posts: 3913

@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.

Orakel
Posts: 96
Topic starter
(@orakel)
Trusted Member
Joined: 1 year ago

oh ok

i have no customize in the top admin bar 🙁

 

image
1 Reply
Asti
 Asti
Support
(@asti)
Joined: 4 years ago

Support member
Posts: 3913

@orakel,

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

Open the Customizer

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. 

Additional CSS box in Customizer
Page 1 / 2
Share: