[Product Post] Theme CSS Tip: Modifying Questions and Answers

< 1 minute read

September 19, 2014

[Product Post] Theme CSS Tip: Modifying Questions and Answers

Question and Answer Community

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.

News product

Share Your Thoughts

Your email address will not be published.

Adrian Speyer

Written by Adrian Speyer

Adrian Speyer is the Head of Community and Lead Evangelist for Vanilla by Higher Logic. Besides spending many years in digital marketing, Adrian has been building communities of all sizes for over 20 years.

Have an Article for Vanilla's Blog?

Send us an email to [email protected] with your topic idea and we'll circle back with our publishing guidelines.

subscribe-1
Subscribe to the Community Corner Newsletter and get expert insight and analysis on how to get the most out of your online community every Friday.

    Request a Demo

    Schedule a product demo now.

    Contact Us