Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options

Moving comment "ip | edit | hide | block" to different spot

edited November 2005 in Vanilla 1.0 Help
I've tried playing with global.css to try and get the comment controls (user ip, edit | hide | block user | block comment) out of the top right corner of the post, and on the left sitting under the username, but keep failing to make it work. (although I'd probably keep the user ip in the top right, in line with the username)

to illustrate. top is what it currently is, and the bottom is what I'm aiming for:
image


and if the user has an icon, for it to move to the right too, so the left of the controls line up with the username


I think it's obvious that the css section below is the place to do it. I've tried playing with float tags and the display tag, but always end up having each item stacked vertically along the right hand side. Any suggestions? Cheers


.CommentIp,
.CommentEdit,
.CommentHide,
.CommentBlockUser,
.CommentBlockComment {
display: inline;
font-size: 10px;
color: #ddd;
}
.CommentIp {
padding-right: 4px;
border-right: 1px solid #eee;
margin-right: 4px;
}
.CommentHide,
.CommentBlockUser,
.CommentBlockComment {
margin-left: 4px;
border-left: 1px solid #eee;
padding-left: 4px;
}

Comments

  • Options
    edited November 2005
    Try this : .CommentIp { display: block; font-size: 10px; color: #ddd; } .CommentEdit, .CommentHide, .CommentBlockUser, .CommentBlockComment { display: inline; text-align: left; font-size: 10px; color: #ddd; margin-left: 4px; border-left: 1px solid #eee; padding-left: 4px; }
This discussion has been closed.