Answer
Sep 23, 2020 - 07:22 AM
When you want to change your styles of your widget and the titles, text and links (or anything else on the Q&A widget)...you simply need to define what styles you want to apply which will overwrite the existing styles. You can define these styles within your administration portal under "Customization > CSS" where you'll see a field to define new CSS styles for your widget. You can also see a reference to the current widget CSS styles, so you can view what applies by default.
Answerbase has defined the styles with a .answerbase-widget class, so all the elements that are within the widget are under that.
Widget Titles
The titles of the ask question and questions list sections can be styled through the h5 tag, so an example of how to adjust these styles is here:
Answerbase has defined the styles with a .answerbase-widget class, so all the elements that are within the widget are under that.
Widget Titles
The titles of the ask question and questions list sections can be styled through the h5 tag, so an example of how to adjust these styles is here:
.answerbase-widget h5 {
font-size: 16px;
font-weight: bold;
color: #858585;
}
Ask Question Field Description Text
If you'd like to style the text that displays by default in the ask question field, which gives the users a bit of a guide on what they should type there...you can use styles similar to this:
.answerbase-widget #ask-question-box {
font-size: 14px;
}
Ask Question "Continue" Button
If you'd like to increase the size of the button that the users click on to continue asking their question, you can use styles similar to this:
.answerbase-widget #ab_ask {
font-size: 1.5rem;
}
Question Title Links
When you are listing the questions and each of the question titles are links, you can style those links using similar CSS styles that you see here:
.answerbase-widget .questions-list .item .title {
font-size: 14px;
}
Of course, use whatever styles you'd like to...the above are just some examples to show you how to structure the CSS styles for those specific elements.
