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é

Attachments:

You must be logged in to view attached files.

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[hma]

This reply has been set as private.

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[hma]

This reply has been set as private.

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts