Hello all,
I've been trying to make a custom template for my survey, but can't really seem to figure out what the right lines of code are to do everything I want.
I managed to change the navigation bar color by adding the following line of code to template.css:
Code:
.navbar-default {
background-color: #3c3c3c;
}
I was was however, not able to find the correct code to change the color of the question title blocks and the previous/next/submit buttons. Is there an overview somewhere where I can find the names of all the different page elements?
I also tried to change the color of the progress bar by adding this line to template.css:
Code:
#progress-wrapper .ui-widget-header {
background-color: #3300FF;
}
This did not work for me. Am I missing something here?
I succeded in adding a logo to the navbar by adding the following line under the navbar-header class to startpage.pstpl:
Code:
<img id='page_logo' src='{TEMPLATEURL}/files/logo.png' class="clearfix pull-left" />
This results in my logo appearing in the upper-left of the navbar. Is it also possible to have the logo appear just left of the survey title, at the same height as the title?
Lastly, I wanted to know if it was possible to make the privacy notice on the startpage appear in a smaller font than the rest of the text.
I hope it's okay to ask so many different questions in one thread. Thanks in advance for your advice!