Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

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:

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • This reply was deleted.
  • i like ...this : thx bro

  • Another great styling tip! Thank you Bernard!

  • Hi Bernard,


    very cool! Thanks a lot for sharing. Well, I've tried to add shadow to the left & right of the body. (Don't know how to explain it in english...sorry). I've attached an image, please have a look at the red arrow. Hope you can help me :)3210046?profile=original

    • NC for Hire

      Thanks Sandra. Use this code in advanced CSS

      #xg_body {
      -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;
      }

      • Thanks Bernard. My width is 1024px, so I've add it to the style. But how can set the shadows outside? I've tried, "inset" change to "outset", but it doesn't work...I've also played with the px-sizes - without success: (

        I would be very happy if you could help me again.

         

        • NC for Hire

          You are welcome Sandra. Well, I can't say anything coz I don't know the problem of your site.

          But the above code is the right code for everyone. 

          • Maybe it's because I've change the width of the theme?

            Well, here is a sreenshot. The shadow is inside the body...3234449?profile=RESIZE_1024x1024

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Kenny Craig updated their profile
yesterday
Isabella Wilson updated their profile
Thursday
Eva liked ⚡JFarrow⌁'s discussion What is going on with Ning? What Do We have to Look Forward To?
Jun 2
Eva liked Suave's discussion I AM LOOKING FOR DEVELOPER ASSISTANCE WITH ADDING AUTOMATIC MUSIC TO MY HOME PAGE
Jun 2
Alex - Rosas † Negras posted a discussion
Jun 1
Alex - Rosas † Negras posted a discussion
May 28
Alex - Rosas † Negras replied to Suave's discussion
I AM LOOKING FOR DEVELOPER ASSISTANCE WITH ADDING AUTOMATIC MUSIC TO MY HOME PAGE
"if you need I'm here, if you look in my discussions you will also find the playstil"
May 23
Alex - Rosas † Negras replied to ⚡JFarrow⌁'s discussion
What is going on with Ning? What Do We have to Look Forward To?
"Bizz ⚡JFarrow⌁ 
I'm sorry that many like us have worked so hard and given up, but at least I'm…"
May 23
⚡JFarrow⌁ posted a discussion
Back in the day, this community was jumping with activity.   But since the Ukraine war broke out we…
May 22
⚡JFarrow⌁ and Truebook are now friends
May 22
Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I want to thank JOHN BIZLEY ( BIZZ) for his invaluable help, active icons on the Ning bar,CODES ADDED
"A thousand thanks"
May 20
Alex - Rosas † Negras replied to Pam Givens's discussion
Landing Page
"Pam Givens this is an example i created of an old 3.0 site"
May 20
More…

Meanwhile, you can check our social media channels