Move User info from left to right

[ricland]

I'm using the Moonshine theme and want to mover the user info (including avatar) from left to right.

[Crip]

hi,
I can get you the code for that asap!

[ricland]

Should I check back or what?

[Crip]

Just check back a bit later this day..

I will  have it..

[Crip]

css/index.css

Find:

Code Select Expand


#userarea {
float: right;
padding: 1.5em 25px 0 0;
text-align: right;
width: 38em;
color: #FFFFFF;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
#userarea a:link, #userarea a:visited {
color: #FFFFFF;
}
#userarea a:hover {
color: #A5DAFD;
text-decoration: underline;
}
#my-avatar {
float: right;
margin-left: 1em;
padding-top: 3px;
}


Replace With:

Code Select Expand


#userarea {
float: left;
padding: 1.5em 25px 0 0;  <======Adjust=====>
text-align: left;
width: 38em;
color: #FFFFFF;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
#userarea a:link, #userarea a:visited {
color: #FFFFFF;
}
#userarea a:hover {
color: #A5DAFD;
text-decoration: underline;
}
#my-avatar {
float: left;
margin-left: 1em;  <======Adjust=====>
padding-top: 3px;  <======Adjust=====>
}


Any problems post here.

[ricland]

Great -- Thanks!