How to change status icons

Qamdad
asked 6 years ago

I would like to use word answer, open and close instead of using icon as showing on the screenshot?

1 Answers

DominicStaff
answered 6 years ago

You can use the following code in the style.css file:

.dwqa-question-item .dwqa-status:after {
 color: #fff;
}
.dwqa-question-item .dwqa-status-answered:after {
   content: "answered";
}
.dwqa-question-item .dwqa-status-open:after {
   content: "open";
}
.dwqa-question-item .dwqa-status-closed:after {
   content: "closed";
}

qamdad
replied 6 years ago

Thanks it works but it show in circles and not showing all words as you can see in screenshot. Also I would like to know how to make (ask question) button to be full in size on mobile device as it appears on your site

https://i.imgur.com/ZuHmWao.png

I want the ask question button to be like this

https://i.imgur.com/J3RghCM.png

Dominic Staff
replied 6 years ago

You can use the following code:

.dwqa-question-item .dwqa-status {
width: 50px;
height: auto;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}

Dominic Staff
replied 6 years ago

If you still face their issue, you can send me your site URL for further checking.

qamdad
replied 6 years ago

Great thanks. But what about ask question button please?

qamdad
replied 6 years ago

I got it for ask question button.

Dominic Staff
replied 6 years ago

If you have any issue or question, you can let me know we will help you resolve it.