0

I have rendered the quiz entity teaser display into a content type and would like to know how to apply a css class to the "download certificate" and "take quiz" links.

Usually this would be done by editing the content type display, and in this case, the teaser for the quiz. The only options I am given is to show or hide the link.

Furthermore, I can't find the settings for the "download certificate" link, which doesn't show up in the display settings at all. They are called buttons but do not look like buttons.

What I've tried:

  • looking for the settings where I can apply CSS to these buttons.
  • used Chrome browser inspection tool to see that there is a style class already being applied to a href, called quiz-start-link; I tried creating some custom css for both a.quiz-start-link and just .quiz-start-link to no avail.

Would I just need to figure out how to harness quiz-start-link or can I edit this to apply my own?

enter image description here

enter image description here

2
  • Do you already have a css file for changes made to your site? Jul 29, 2017 at 5:06
  • Yes, I have a subtheme to apply custom CSS.
    – Christia
    Jul 31, 2017 at 17:45

1 Answer 1

0

I just needed to apply custom CSS to a.quiz-start-link and .certificate-link respectively and then it worked.

I also learned about templates and this SE Post was helpful for creating a custom template for quizzes, so I could change the class that was being used like I originally wanted to: How to theme a quiz in D7?

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.