{"id":10644,"date":"2024-03-20T13:02:55","date_gmt":"2024-03-20T13:02:55","guid":{"rendered":"https:\/\/help.uppass.io\/docs\/docs\/flows\/style\/"},"modified":"2024-08-07T09:25:41","modified_gmt":"2024-08-07T09:25:41","slug":"style","status":"publish","type":"docs","link":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/","title":{"rendered":"Style"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-4.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>You have the ability to style and design the look and feel of your onboarding form.<strong>&nbsp;<\/strong><\/p>\n\n\n\n<p><strong>Logo:<\/strong> Customize your company&#8217;s logo image to embed into the header of your submission form.<\/p>\n\n\n\n<p><strong>Font: <\/strong>There are a range of fonts to select from to incorporate into your submission for each step- Title, header and content.&nbsp; You can choose between eight different font styles.&nbsp;If you could not find the font style you want, you can contact support@uppass.io and provide us the name of the font family so we can add it to the list. <\/p>\n\n\n\n<p><strong>Progress Bar:<\/strong> Choose to display the progress bar tracker of the onboarding form. Also, you have the ability to change the color of the progress bar.&nbsp;<\/p>\n\n\n\n<p><strong>Button: <\/strong>Change the button colour, button text colour and corner radius from Small to Large.&nbsp;<\/p>\n\n\n\n<p><strong>Web Title:<\/strong> Change the title of the page <\/p>\n\n\n\n<p><strong>Favicon:<\/strong> Website icon that display on web title Tab<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Check out the video below for a demonstration of how to effortlessly personalize your forms.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2023\/11\/UpPass-Style-Your-Flow.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You have the ability to style and design the look and feel of your onboarding form.&nbsp; Logo: Customize your company&#8217;s logo image to embed into the header of your submission form. Font: There are a range of fonts to select from to incorporate into your submission for each step- Title, header and content.&nbsp; You can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":9777,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-10644","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Style - UpPass Help Center<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Style - UpPass Help Center\" \/>\n<meta property=\"og:description\" content=\"You have the ability to style and design the look and feel of your onboarding form.&nbsp; Logo: Customize your company&#8217;s logo image to embed into the header of your submission form. Font: There are a range of fonts to select from to incorporate into your submission for each step- Title, header and content.&nbsp; You can [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/\" \/>\n<meta property=\"og:site_name\" content=\"UpPass Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-07T09:25:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-4.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/\",\"url\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/\",\"name\":\"Style - UpPass Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/www.uppass.io\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-4.png\",\"datePublished\":\"2024-03-20T13:02:55+00:00\",\"dateModified\":\"2024-08-07T09:25:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/#primaryimage\",\"url\":\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-4.png\",\"contentUrl\":\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-4.png\",\"width\":900,\"height\":749},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.uppass.io\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Help Center\",\"item\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Flows\",\"item\":\"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Style\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.uppass.io\/help\/#website\",\"url\":\"https:\/\/www.uppass.io\/help\/\",\"name\":\"UpPass Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.uppass.io\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.uppass.io\/help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.uppass.io\/help\/#organization\",\"name\":\"UpPass\",\"url\":\"https:\/\/www.uppass.io\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.uppass.io\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/08\/brand-logo.svg\",\"contentUrl\":\"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/08\/brand-logo.svg\",\"width\":101,\"height\":24,\"caption\":\"UpPass\"},\"image\":{\"@id\":\"https:\/\/www.uppass.io\/help\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Style - UpPass Help Center","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/","og_locale":"en_US","og_type":"article","og_title":"Style - UpPass Help Center","og_description":"You have the ability to style and design the look and feel of your onboarding form.&nbsp; Logo: Customize your company&#8217;s logo image to embed into the header of your submission form. Font: There are a range of fonts to select from to incorporate into your submission for each step- Title, header and content.&nbsp; You can [&hellip;]","og_url":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/","og_site_name":"UpPass Help Center","article_modified_time":"2024-08-07T09:25:41+00:00","og_image":[{"url":"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-4.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/","url":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/","name":"Style - UpPass Help Center","isPartOf":{"@id":"https:\/\/www.uppass.io\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/#primaryimage"},"image":{"@id":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-4.png","datePublished":"2024-03-20T13:02:55+00:00","dateModified":"2024-08-07T09:25:41+00:00","breadcrumb":{"@id":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/#primaryimage","url":"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-4.png","contentUrl":"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/03\/image-4.png","width":900,"height":749},{"@type":"BreadcrumbList","@id":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/style\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uppass.io\/help\/"},{"@type":"ListItem","position":2,"name":"Help Center","item":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/"},{"@type":"ListItem","position":3,"name":"Flows","item":"https:\/\/www.uppass.io\/help\/docs\/user-guide\/flows\/"},{"@type":"ListItem","position":4,"name":"Style"}]},{"@type":"WebSite","@id":"https:\/\/www.uppass.io\/help\/#website","url":"https:\/\/www.uppass.io\/help\/","name":"UpPass Help Center","description":"","publisher":{"@id":"https:\/\/www.uppass.io\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uppass.io\/help\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.uppass.io\/help\/#organization","name":"UpPass","url":"https:\/\/www.uppass.io\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uppass.io\/help\/#\/schema\/logo\/image\/","url":"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/08\/brand-logo.svg","contentUrl":"https:\/\/www.uppass.io\/help\/wp-content\/uploads\/2024\/08\/brand-logo.svg","width":101,"height":24,"caption":"UpPass"},"image":{"@id":"https:\/\/www.uppass.io\/help\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/docs\/10644"}],"collection":[{"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/comments?post=10644"}],"version-history":[{"count":4,"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/docs\/10644\/revisions"}],"predecessor-version":[{"id":11088,"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/docs\/10644\/revisions\/11088"}],"up":[{"embeddable":true,"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/docs\/9777"}],"wp:attachment":[{"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/media?parent=10644"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.uppass.io\/help\/wp-json\/wp\/v2\/doc_tag?post=10644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}