The CSS is below. This works for the profile I have I am not sure it will work if you have a different them. I am not so much a design person so any suggestions on improvement are welcome.

I love to collaborate so I am making this tip an exclusive JenSocial tip. It is posted on Ning Creators but members there will have to come here for the code.

.profileCoverArea .profileCoverArea-box {
  background-color: #eee;
  background: none;
  margin-top: 100px;
  height: 200px;
}

.profileCoverArea .profileCoverArea-box .profileCoverArea-bio {
  background-color: #eee;
  color: #555;
  overflow-y: auto;
  margin-top: 20px;
  background: none;
  float: right;
}

.profileCoverArea-bio.span5  {
padding-top: 110px;
height; 50px ;
}

.row .row-narrower1 {
margin-left: 10px;
}

.profileCoverArea-socialButtons.row.row-narrower1{
width:300px;
float: right;
margin-top: -50px;
}

.profileCoverArea .profileCoverArea-avatarFrame {
  margin-top: 70px;
  position: relative;
  padding: 5px;
  width: 92px;
  -webkit-box-shadow: 0px 3px 3px #c6c6c6;
  -moz-box-shadow: 0px 3px 3px #c6c6c6;
  box-shadow: 0px 3px 3px #c6c6c6;
  -webkit-box-shadow: 0px 3px 3px #c6c6c6;
  -moz-box-shadow: 0px 3px 3px #c6c6c6;
  box-shadow: 0px 3px 3px #c6c6c6;
  -webkit-box-shadow: 0px 3px 3px #c6c6c6;
  -moz-box-shadow: 0px 3px 3px #c6c6c6;
  box-shadow: 0px 3px 3px #c6c6c6;
  -webkit-box-shadow: 0px 3px 3px #c6c6c6;
  -moz-box-shadow: 0px 3px 3px #c6c6c6;
  box-shadow: 0px 3px 3px #c6c6c6;
  border: 1px solid #c6c6c6;
  background-color: #FFF;
}

Views: 1478

Reply to This

Replies to This Discussion

Looks like an awesome tip, can't wait to see it!

Nice job and thank you!

How do I get the white border off of my profile photo? Can I make it larger (the photo)?

Your code worked... http://efmtest.ning.com/members/10hbe4jwybt5t?commentId=6623765%3AC...

...but I cannot toggle between Comment Wall and Activity anymore. Suggestions?

You are absolutely right! Working on it and will have an update soon. I must tell you I am having a great time listening to your wonderful playlist as I make the updates to the code.

Thanks so much Garfield. Me and the music are somewhat synonymous. So glad to read your comment! Thanks for the fix too! Now there's an overflow scroll on the side. Is that supposed to be there? Anyway---it's alive!!!! It WORKS! You rock!

Fixed. Use the code above and you should not have any issues toggling. :-)

Love your background picture edie2k2 :)

Thanks Dave! Sorry so long in responding.

I will try this now, does this go into the Advanced CSS or Custom Code?

Nice work Garfield :)

Thanks!

where do i post the code it gives me a scrolling bar on my profile pic?  how do I remove it screen shot attached.

Attachments:

RSS

Members

© 2018   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips