How to add box shadow around profile pictures for admins and specific groups only

Technical Details

Forum version : #ModernBB
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : Yourself
Forum link : https://community.eupd.org.uk

Description of problem

Hi there,

Please see an example in this post. I want to be able to add the box shadow like in the picture over staff and certain groups only not normal members like in the picture example, this is not from another forumotion forum, its from WoW forums.

hello

unfortunately, we are not coders ( some of us are ) we are here to give solutions /support to issues about forumotion
we can not develop codes from another platform
I know you had a member which helped you previously by making a new code but keep in mind it is not right to copy ideas and codes...generally speaking and this is my personal feeling

if you have an idea you can open a suggestion here https://help.forumotion.com/f29-suggestions

thank you

skouliki wrote:hello

unfortunately, we are not coders ( some of us are ) we are here to give solutions /support to issues about forumotion
we can not develop codes from another platform
I know you had a member which helped you previously by making a new code but keep in mind it is not right to copy ideas and codes...generally speaking and this is my personal feeling

if you have an idea you can open a suggestion here https://help.forumotion.com/f29-suggestions

thank you

Thanks!

Edit: I have been using forumotion for years (this account may be new) but I have other forums and the community here have always been incredibly helpful! So I am grateful for that.

hi
Is that what you mean

كونان2000 wrote:hi
Is that what you mean

Yes, this is what I mean!

Thank you for using forumotion
Iam sure @كونان2000 will help you succeed your result, he is a good coder and a valuable member

hi eupdorguk

Javascript
Placement : In the topics
code

Code:

$(function() {
groupMod('xxxx', 'shadow-admin');
function groupMod(color, classname) {
$('.post-wrap:has(span[style="color:'+color+'"] strong)').addClass(classname)
 }
 $(".shadow-admin .avatar-big img").css({
 "box-shadow": "0px 2px 7px 7px #8bc34a"
        });
    });

Replace

Code: xxxx

with the color of the group

Result:

skouliki wrote:Thank you for using forumotion
Iam sure @كونان2000 will help you succeed your result, he is a good coder and a valuable member

Thanks skouliki (✿◠‿◠✿)

كونان2000 wrote:hi eupdorguk

Javascript
Placement : In the topics
code

Code:

$(function() {
groupMod('xxxx', 'shadow-admin');
function groupMod(color, classname) {
$('.post-wrap:has(span[style="color:'+color+'"] strong)').addClass(classname)
 }
 $(".shadow-admin .avatar-big img").css({
 "box-shadow": "0px 2px 7px 7px #8bc34a"
        });
    });

Replace

Code: xxxx

with the color of the group

Result:

skouliki wrote:Thank you for using forumotion
Iam sure @كونان2000 will help you succeed your result, he is a good coder and a valuable member

Thanks skouliki (✿◠‿◠✿)

Works perfectly, however the alignment of the profile pictures are not centered correctly. thanks so much!

@eupdorguk Is this now solved ?
If yes please don't forget to mark your topic as solved by pressing the mark solved button found at the top of this topic.

eupdorguk wrote:

Works perfectly, however the alignment of the profile pictures are not centered correctly. thanks so much!

add this to your CSS

Code:


.post-author-avatar {
    margin: 11px 25px 22px !important; }


the value 25px is the center alignment

skouliki wrote:

eupdorguk wrote:

Works perfectly, however the alignment of the profile pictures are not centered correctly. thanks so much!

add this to your CSS

Code:


.post-author-avatar {
    margin: 11px 25px 22px !important; }


the value 25px is the center alignment

No success unfortunately

is this now solved as it's marked as solved ?

the profile picture looks centered to me with the code you added

also in the center to me refresh your page or do a browser cache clean.