I've used content/activity templates to created branded (via CSS) content in Buzz, and I've used assessment templates in Buzz, as well. I'm attempting to apply some of the same guidelines in the content templates to "brand" assessments, as well, and things look good overall. But there is something going on with the CSS that is causing scroll bar arrows to appear to the right of questions and answers in the assessment when they are clearly not needed. This clutters up the layout considerably. When I inspect the code in Chrome, changing the "overflow" CSS parameter for the element to "visible" (instead of "auto") seems to fix the issue, but I don't see anything in the CSS I used for the template that even references an "overflow" parameter (except for some color changes, I'm using the same CSS file available for download in the "Use Content Templates" article at https://support.agilix.com/hc/en-us/articles/360023045632-Use-Content-Templates-to-improve-branding-functionality-and-authoring).
Is there a way to set up assessment templates to use CSS like this so that assessments can be branded in a similar (not necessarily identical) way that content templates are? Is there something I need to tweak in the CSS to get it to work in the assessment template?
Comments (1)
After looking into this more, I found this line in the styles.css file:
body {
line-height: 1;
}
Changing that value from 1 to normal did the trick (and didn't seem to affect the formatting in other areas of the content and assessment templates.