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;
}
Charles Brickhouse
where do i post the code it gives me a scrolling bar on my profile pic? how do I remove it screen shot attached.
May 3, 2013
Ian Flex Justo
Can any one help me it doesn't look right on my page
Jun 3, 2013
PaganJourneys.Net Hosting
I am lucky my oxwall sites have this, as well as group covers! ;-)
But this is a neat trick..however did you come across this?
Aug 29, 2013