{"id":762,"date":"2022-12-07T11:17:52","date_gmt":"2022-12-07T11:17:52","guid":{"rendered":"https:\/\/quiz.seeksolution.in\/help\/?p=762"},"modified":"2022-12-07T11:19:11","modified_gmt":"2022-12-07T11:19:11","slug":"adding-background-images-to-your-quizzes","status":"publish","type":"post","link":"https:\/\/quiz.seeksolution.in\/help\/?p=762","title":{"rendered":"Adding background images to your quizzes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"762\" class=\"elementor elementor-762\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5ffaa48a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5ffaa48a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62d330ff\" data-id=\"62d330ff\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ac130e9 elementor-widget elementor-widget-heading\" data-id=\"ac130e9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.11.5 - 14-03-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\"><h1 style=\"margin: 20px 0px 10px; font-size: 36px; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); white-space: normal;\">Adding background images to your quizzes<\/h1><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59dd8c0c elementor-widget elementor-widget-text-editor\" data-id=\"59dd8c0c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.11.5 - 14-03-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<!-- wp:paragraph -->\n<p>The look and feel of your quiz is important as it can reinforce your brand and create a strong visual identity for your courses or examinations. FlexiQuiz offers a background image feature that you can use to show pictures, icons or logos as a backdrop to your quiz.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Images can be added to the background on the quiz, purchase, welcome, thank you or results pages.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>There are 3 image layout options:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><strong>Tile<\/strong>&nbsp;&#8211; repeats your image to match the height and width of your page, similar to a mosaic.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Fit<\/strong>&nbsp;&#8211; adjusts your image to fit the size of the page with the aspect ratios fixed. This could mean that the whole image is not shown.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Fill<\/strong>&nbsp;&#8211; adjusts your picture to fill the page and the aspect ratios are not fixed. The whole image will be shown although it could be slightly distorted.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>How the images could look:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/58766152-9c09-4f1f-ba1e-8ae7b983774f_016cc153-9dde-4393-b797-da23e21577dc\" alt=\"Create a quiz with a background image. Example of tile format\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/58766152-9c09-4f1f-ba1e-8ae7b983774f_4e7abdcf-fc14-4d35-aab1-e027d8066901\" alt=\"Example of a fit background image\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/58766152-9c09-4f1f-ba1e-8ae7b983774f_9ddd46d1-87bb-4ea0-abef-e9bda1c9a6ab\" alt=\"Example of a fill background image\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>This guide will show you how to add background images to your FlexiQuiz test, course or assessment.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>How to add a background image<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>The background image feature is available on the Premium and Enterprise plans.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li>Create a quiz<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Go to the&nbsp;<strong>Configure<\/strong>&nbsp;tab and select&nbsp;<strong>Theme<\/strong>&nbsp;from the left-hand menu<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Scroll down the page to the&nbsp;<strong>Background image<\/strong>&nbsp;section<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Tick the box next to the page where you want to display an image<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>From the drop-down menu, select the display format &#8211; tile, fit or fill<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Upload your image by pressing browse and selecting a JPEG or PNG file<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/58766152-9c09-4f1f-ba1e-8ae7b983774f_2aee48bc-36c0-4f7f-ba8d-0454239b0238\" alt=\"How to upload a background image\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Top tip! You may need to allow a couple of minutes for the image to upload and the page to refresh. Once the image has uploaded a thumbnail of the picture will be displayed.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li>To see how the image will look in your online quiz, just press&nbsp;<strong>preview<\/strong>. You can continue to change the image format to meet the design requirements for your quiz.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Images can be used for quizzes that are shared on tablets and mobiles. However, we suggest you consider the type of image that you use and how it will look on a small screen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can also change the colors of the buttons and fonts to fit with the background image theme.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Relevant help guides<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/www.flexiquiz.com\/Help\/create\/page-types\">Types of pages<\/a>&nbsp;available to create an online test &#8211; you can add a background image to these pages.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/www.flexiquiz.com\/Help\/create\/welcome-screen\">Welcome screen<\/a>&nbsp;&#8211; how to add a welcome screen to introduce employees and students to your examinations.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/www.flexiquiz.com\/SC\/N\/sell-online-quizzes-and-courses\">Selling your quizzes and courses<\/a>&nbsp;&#8211; how to add a payment page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>View the&nbsp;<a href=\"https:\/\/www.flexiquiz.com\/Home\/Plans\">FlexiQuiz plans<\/a>&nbsp;and upgrade to use the background images feature.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/www.flexiquiz.com\/Help\/articles\/vocabulary-test-maker\">Creating a vocabulary test.<\/a><\/p>\n<!-- \/wp:paragraph -->\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32178c7 elementor-widget elementor-widget-button\" data-id=\"32178c7\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"https:\/\/quiz.seeksolution.in\/help\/\" class=\"elementor-button-link elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Back<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Adding background images to your quizzes The look and feel of your quiz is important as it can reinforce your brand and create a strong visual identity for your courses or examinations. FlexiQuiz offers a background image feature that you can use to show pictures, icons or logos as a backdrop to your quiz. Images [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_canvas","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false},"categories":[1],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts\/762"}],"collection":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=762"}],"version-history":[{"count":4,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts\/762\/revisions"}],"predecessor-version":[{"id":767,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts\/762\/revisions\/767"}],"wp:attachment":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}