Avatar style modification

10 years 7 months ago #149201 by photosphere
Avatar style modification was created by photosphere
Hello, I was wondering if it is possible to add the <img class="padded" to the CB user avatar? This adds a padded border around all other images in our site and it would be nice for the user avatar to have a similar look.

Thanks for a great product!

Please Log in to join the conversation.

10 years 7 months ago #149228 by krileon
Replied by krileon on topic Re:Avatar style modification
Not without editing the core, which we do not assist with. You'd need to review the image field code found in core.php. The easiest approach is to just edit your CSS responsible for the border and also apply it to the avatar. Example as follows.

FROM:
[code:1]
.padded {
CSS GOES HERE
}
[/code:1]

TO:
[code:1]
.padded,
#mod_login_avatar,
.cbavatar_tr {
CSS GOES HERE
}
[/code:1]

Simply add more selectors to the CSS using commas. The above would affect the profile avatar (table based design only) and the login module as well as anything with the padding class.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.410 seconds

Facebook Twitter LinkedIn