How do I edit the "Show Hint" (?) button next to Quiz Questions?

[shanekeller]

How do I edit the "Show Hint" (?) button next to Quiz Questions?

https://nimb.ws/AM1x6P

I want to change the question mark (?) to a word or a different graphic. Thanks, Shane

[shanekeller]

I am pretty sure it is using this font from fontawesome: https://fontawesome.com/icons/question-circle?style=regular  

[logan]

Please share a full-page screenshot with proper url. so that i can check and let you know if it feasible.  

[shanekeller]

This reply has been marked as private.

[shanekeller]

For everyone watching this convo, this is the (?) Answer Hint button I am speaking of:

[logan]

Dear Brother, you shared only page url but you better knew without a password i cant take a quiz. please share it for me. and also thanks for the detailed pieces of information.

[shanekeller]

My solution here is not elegant but it addresses the users' need for a clear text-based button that does not overlay over top of the text. Here is how I made it work by editing via... Appearance > Customize > Custom CSS: .hint { padding-top:10px;} .show_hint { position: static; top: 30px; bottom: 30px; right: 0px; margin:10px; } .show_hint span::before { content: "SHOW HINT"; } .show_hint, .active span::after { content: "HIDE HINT" !important; } .show_explaination, .show_hint span { font-family: Helvetica, Arial, Sans-Serif !important; /*font-family: 'fonticon'; <<-- REMOVE THE ICON */ font-size: 14px; line-height: 18px; color: #32a1ce; cursor: pointer; background-color:; padding:2px; margin: 5px; border: solid #32a1ce; } .show_explaination, .show_hint span:after { font-size: 14px; } .show_explaination, .active span:before { display:none;} .quiz_timeline span::after { display:none; } .quiz_timeline li.active span { margin-left:.25px; } .unit_line span::after { display:none; }

[logan]

Hello, amazingly done. please let me know if it resolved or you need anything else. good day ahead.

[Author]

Posts