Help with Mini Profile

[Hylian]

Greetings to whom it may concern,
Hopefully I am posting in the correct forum 

I am looking to add like a circle border around every avatar profile picture in the forums of my site to a posters mini profile.
The code would need to be able to work with the following plugins:

• Add Image to Mini Profile plugin - That would also show next to the member's username right next to the username and preferred Name Icon.

• "Name Icon" plugin able to show up next to the username to display an icon of the member's choice.
  

I was just curious is someone can help me with the coding if possible.

SPOILER: Click to show

> Screenshot of how I'd prefer it to look <

[Kami]

In order to be able to do this well, helpers would need a link to your forum. It's super awesome that you've provided a visual reference of your goal + a plugin it needs to work with, but we'll still need to see the entire site in order to make sure we're supplying the right information.

That said, based on what I am reading so far, you don't need anything complex, just a line of CSS. Unfortunately I am personally unable to help as I do not have a desktop computer at this time, but if you provide your forum URL it'll be easier for another helper to provide an answer :)

[adminabp]

Jun 20, 2023 14:49:36 GMT -8 Hylian said:

Greetings to whom it may concern,
Hopefully I am posting in the correct forum 

I am looking to add like a circle border around every avatar profile picture in the forums of my site to a posters mini profile.
The code would need to be able to work with the following plugins:

• Add Image to Mini Profile plugin - That would also show next to the member's username right next to the username and preferred Name Icon.

• "Name Icon" plugin able to show up next to the username to display an icon of the member's choice.
  

I was just curious is someone can help me with the coding if possible.

SPOILER: Click to show

> Screenshot of how I'd prefer it to look <

/* Avatar Cicle */
.mini-profile .avatar
{
object-fit: scale-down;
border-radius: 50%;
height: 150px;
width: 150px;
border: 2px solid #000000;
}


Try that. Add it to the bottom of your CSS Style sheet.