{"id":756,"date":"2022-12-07T11:15:36","date_gmt":"2022-12-07T11:15:36","guid":{"rendered":"https:\/\/quiz.seeksolution.in\/help\/?p=756"},"modified":"2022-12-07T11:17:11","modified_gmt":"2022-12-07T11:17:11","slug":"add-background-colors-to-your-quizzes","status":"publish","type":"post","link":"https:\/\/quiz.seeksolution.in\/help\/?p=756","title":{"rendered":"Add background colors to your quizzes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"756\" class=\"elementor elementor-756\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f729e99 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f729e99\" 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-461a309f\" data-id=\"461a309f\" 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-8e458d7 elementor-widget elementor-widget-heading\" data-id=\"8e458d7\" 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;\">Add background colors 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-1354cea6 elementor-widget elementor-widget-text-editor\" data-id=\"1354cea6\" 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>Color is a wonderful way to set the tone and mood for your online quizzes or examinations.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>With FlexiQuiz, you can change the colors for many elements of your quiz to reflect your branding and subject. So whether you&#8217;re looking to create a neon 80&#8217;s trivia quiz or a formal aptitude test, FlexiQuiz can help you create beautiful and professional quizzes.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>This guide shows you how to change background colors on various sections of your quiz pages.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>How to change background colors<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><!-- wp:list-item -->\n<li><a href=\"https:\/\/www.flexiquiz.com\/Help\/create\/getting-started-with-flexiquiz\">Create a quiz<\/a><\/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>Choose which section of the FlexiQuiz page that you&#8217;d like to update with your new color scheme. The page is split into the following sections:<ul><li>Background<\/li><li>Sides<\/li><li>Header<\/li><li>Footer<\/li><li>Logo banner<\/li><\/ul>This image shows you where each section is on the FlexiQuiz page.<img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/f89a4fae-31c8-4083-8039-fa2e6cd194f5_34776564-1047-4cac-88b2-cb5c07c88c54\" alt=\"FlexiQuiz page split into sections that can be colored\"><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Pick and add your colors. You have a choice of three ways to select the perfect color.<ul><li>Type your HEX code directly into the colors box<\/li><li>You can choose from our range of basic colors by pressing the down arrow<\/li><li>Create a blended color using our advanced setting color chart. The chart can be accessed by pressing the down arrow and selecting the advanced tab<\/li><\/ul><img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/f89a4fae-31c8-4083-8039-fa2e6cd194f5_3c47e012-4ea2-4942-ad2b-9d4a9e52d909\" alt=\"FlexiQuiz color chart on the Themes screen\">FlexiQuiz will instantly apply your color scheme to all pages on your quiz, including the welcome, questions, results, payment, registration, and thank you screens.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>To view how your new color scheme looks within the quiz, press&nbsp;<strong>Preview<\/strong>&nbsp;on the page&#8217;s top right.<strong>Top tip!<\/strong>&nbsp;Don&#8217;t forget you can also update other online quiz elements to ensure test-takers can easily read the questions, and your quiz looks good. You can edit the colors for the timer, navigation buttons, and fonts on all pages or email notifications.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Finish configuring and publish your online examination<\/li>\n<!-- \/wp:list-item --><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Enterprise members can also access CSS code and custom HTML rules to change additional parts of the quiz, such as the PDF of results and option boxes.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Relevant help guides<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><a href=\"https:\/\/www.flexiquiz.com\/Help\/configure\/adding-a-background-image\">Adding background images<\/a><\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Pages where your chosen background color theme will be automatically applied:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><a href=\"https:\/\/www.flexiquiz.com\/Help\/create\/page-types\">Summary of all page types<\/a><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"https:\/\/www.flexiquiz.com\/Help\/publish\/add-a-registration-page\">Registration page<\/a><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"https:\/\/www.flexiquiz.com\/Help\/configure\/sharing-quiz-results\">Results page<\/a><\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dedd0ab elementor-widget elementor-widget-button\" data-id=\"dedd0ab\" 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>Add background colors to your quizzes Color is a wonderful way to set the tone and mood for your online quizzes or examinations. With FlexiQuiz, you can change the colors for many elements of your quiz to reflect your branding and subject. So whether you&#8217;re looking to create a neon 80&#8217;s trivia quiz or a [&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\/756"}],"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=756"}],"version-history":[{"count":4,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts\/756\/revisions"}],"predecessor-version":[{"id":761,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts\/756\/revisions\/761"}],"wp:attachment":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}