Add Border and Shadow effect to the profile photo

[Bernard Lama]

Add Shadow and border effect to the profile photo.

Instruction: Copy and paste the following code into Advanced CSS box.

 

The Code

.xg_widget_profiles_profile .dy-avatar.dy-avatar-full-width{

padding-bottom: 93%;
max-width: 93%;
margin: 5px;
width: auto;
float: left;
text-align: center;
border: white 2px solid;
box-shadow: 0 0 10px #888;
-moz-box-shadow: 0 0 10px #888888;
-webkit-box-shadow: 0 0 10px #888;
margin-left: 5px!important;
}

 

Want to give a different look to your network?  Contact me for a quote. 

Example:

[Bernard Lama]

Can you show me your site link?

[Sandra]

I've sent it via message

[Bernard Lama]

Thanks for the link,...

Use this code now

#xg_body {

width:1024px!important;
-moz-box-shadow:
inset 5px 0 5px -5px #333,
inset -5px 0 5px -5px #333;
-webkit-box-shadow:
inset 5px 0 5px -5px #333,
inset -5px 0 5px -5px #333;
box-shadow:
inset 5px 0 5px -5px #333,
inset -5px 0 5px -5px #333;
}

[Sandra]

Hi Bernard,

I just figured out how the shadows fit in my theme. I only had to leave out the word "inset". Now it works great. Thank you again for your help. :)

Best

Sandra

[Bernard Lama]

Please note: I have updated the code because the old code was affecting friend list module also. 

[dave]

HI Bernard, I have a black background and the shadow is not visible , is there anything i can do, Love your work :-)

[Bernard Lama]

Hi dave, 

Shadow is basically dark, perhaps you can play with the color code like this #8888

Here are some color codes. Enjoy

[dave]

Thank You very much Bernard :-) i will try it out. Great Tip :-)

[Sandra]

Can you have a look again to my site, please? I don't know how to fix it. There are some spaces without shadow. I also don't know, which coordinates I have to change to add shadow above the head. Hope you can help me...

[Bernard Lama]

I'm sorry Sandra I lost the site link...

[Bernard Lama]

Sorry ...That takes time Sandra. I will definitely help you if I get time. Or you may want to try pvt. help.

[Sandra]

Yes, that's fine, thank you. I'll ask my boss if he wants to take your private help.