[Product Post] Theme CSS Tip: Modifying Questions and Answers
Below is the CSS I used to make that happen. You may need to modify this a bit for your own theme, but it should help you get started towards something very creative.
/* Image additions for Q&A */
.QnA-Item-Accepted {
background-color: #FEFF9F !important;
}
.QnA-Item-Rejected {
background-color: #FFCCCC !important;
}
.QnA-Accepted {
background: url("http://i.imgur.com/p5gZtSe.png") no-repeat scroll 0 0 transparent !important;
display: block;
height: 40px;
overflow: hidden;
position: absolute;
right: -20px;
text-indent: -1000px;
top: 10px;
white-space: nowrap;
width: 40px;
}
.QnA-Rejected {
background: url("http://i.imgur.com/KFVfxDu.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0) ! important;
display: block;
height: 40px;
overflow: hidden;
position: absolute;
right: -20px;
text-indent: -1000px;
top: 10px;
white-space: nowrap;
width: 40px;
}
We hope you found these tips helpful. Check under the product category for more product tips.
Vanilla Forums offers a cloud based solution which can be used to create a Question and Answer Community. Try Vanilla Forums Cloud Solution free for 30-days.
