How to style your questions and answers screen

Quizpipe features a number of great styling options that will you create an elegant quiz that matches your business's branding.

Question and answer elements that can be styled

questions and answers with annotations to label each component

The styling controls for each of these components can be found in the left hand side menu.

quizpipe styling menu

There are several common styling controllers in the side menu:\

  • Color selectors\
  • Font style, size and alignment pickers\
  • Image uploaders

    These controls are all fairly standard for online platforms.
Uploading images and gifs

Quizpipe supports the uploading of .png, .jpg and .gif files.

We recommend that you upload an image or gif for each question. It not only gives your quiz a polished, stylish look, it also helps your quiz participants understand the context of the question.

To upload an image, open the styling tab in the side menu and scroll down to Question Image. Select Upload Image.

quizpipe media manager loaded with images

The media manager will then load, as illustrated above. Select the Add new button. This will open a window on your computer where you can choose to upload your selected image.

Once you have uploaded the image, press the Select button which add the image onto your quiz.

Please note that the image area on the quiz is designed for portrait images. While you can load up landscape orientated images, they will not look as good and may be cropped.

Styling the buttons and progress bar

Quizpipe also allows you to style the other components on the screen. To start, select the Elements tab from the left hand side menu.

With this menu opened you can now choose different styling options for the progress bar and next and back buttons for your quiz.

quizpipe elements styling controls with annotations on the screenshot

Several different style options are currently available for both of these elements.

Other related articles