Round photos on sabai discuss

[hma]

Hello,
I am using sabai discuss which is integrated very nicely with kleo.
The only little twea to make is to turn the photos in round instead of square.
Please see screens hereby.
Best regards,
Hervé
Ps / would it be possible also in the smae time to increase these photos about 30 %
Best regards,
Hervé

[sharmstr]

In the future, please provide a link when you’re asking for css support for a plugin that isnt standard with Kleo. It will help us help you faster. I was able to find a link to your site by going through your old replies.

So, unfortunately, the avatars dont have a class associated with them, so we cant target it to change the css. The style of the avatar is produced inline by the plugin. Ask the plugin developers how to increase the avatar size and add a border-radius:100% to it.

I was able to style the avatars in the sidebar widget. Try this in your quick css

COPY CODE

.sabai-wordpress-widget-image img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 100% !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[sharmstr]

I was able to style the avatar in the comments as well

COPY CODE

.sabai-comment-avatar img {
    height: 30px !important;
    width: 30px !important;
    border-radius: 100% !important;
}

So, I think that leaves the avatar for the person who started the question as the one that cant be styled.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hma]

Hello,

I did contact the dev of Sabai.
He made the changes for us . see his mails hereby :

Hello,

Please replace the following files with the ones attached:

wp-content/plugins/sabai/lib/Sabai/Helper/UserIdentityLink.php
wp-content/plugins/sabai/lib/Sabai/Helper/UserIdentityLinkWithThumbnail.php

You can then use the .sabai-user-with-thumbnail class to target links with user thumbnails.

Regards,
Kazu

So I have rempkaced the files as requested on the server.

Log : startops5
pass : lerovesss123

Best rgs,
Hervé

[hma]

Hello,
Just a reminder. Do you have news for me at this point ?
Best regards,
Hervé

[sharmstr]

What do you need from me? They gave you instructions. Did you follow them?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hma]

Hello Sharmstr,

I did follow indeed instructions, but I don’t know how to do the last item, as they specified :

You can then use the .sabai-user-with-thumbnail class to target links with user thumbnails.

Best regards,

Hervé

[sharmstr]

I assume that you use it like I’ve shown you how to use the other ones

COPY CODE

.sabai-user-with-thumbnail {
 border-radius: 100% !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hma]

Well,
First sorry for chasing you , but I don’t have much knowled of CSS;

Second, There is sth wrong. Please see the image after quick css…

Best rgs,
Hervé

[sharmstr]

No need to apologize. The issue is that I dont know. They dont use a normal image. They are setting the image to be the background of the link so the roundness of the image only happens on the left side. Again, you need to talk to them. Ask them specifically how to make the avatar round.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts