{"id":28584,"date":"2026-05-27T16:28:20","date_gmt":"2026-05-27T16:28:20","guid":{"rendered":"https:\/\/refiner.io\/docs\/?post_type=knowledgebase&p=28584"},"modified":"2026-05-27T16:35:53","modified_gmt":"2026-05-27T16:35:53","slug":"default-design","status":"publish","type":"knowledgebase","link":"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/","title":{"rendered":"Default Design Settings"},"content":{"rendered":"\n\n\n

If you plan to run multiple survey campaigns, you can define default design settings that are automatically applied to all newly created surveys.<\/p>\n\n\n\n

In your environment\u2019s global settings under Settings > Design Settings, you can configure default values for common design options, upload default images, and add custom CSS for fine-grained visual adjustments.<\/p>\n\n\n\n

Default Theme<\/h2>\n\n\n\n

Use the default theme to define the standard look and feel for newly created surveys. This includes common design options such as colors, font settings, corner radius, and other visual styles, helping you keep survey campaigns consistent with your brand.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Default Images<\/h2>\n\n\n\n

Default images let you set a standard logo and icon for your survey pages. These images are automatically applied to new surveys, but can still be overwritten individually for each survey when needed.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Custom CSS Code<\/h2>\n\n\n\n

For advanced styling needs we are providing the option to inject custom CSS into surveys. Using custom CSS code opens up virtually endless styling possibilities, such as resizing the survey widget, adjust colors, padding, etc. <\/p>\n\n\n\n

The custom CSS code option is currently only available for customers on an Enterprise plan. We can unlock this option for customers on the Growth plan on request though. Please contact our team to get more information.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

You can inspect the HTML structure of our surveys in the survey editor. <\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

The CSS code will be applied to all surveys in your environment. The survey wrapper elements have various CSS classes that will help you to scope down the CSS code if needed, such as .form-<\/em>bottom-centered, .form-mobile-sdk<\/em>, .form-<survey-uuid><\/em>, etc.<\/p>\n","protected":false},"excerpt":{"rendered":"

If you plan to run multiple survey campaigns, you can define default design settings that are automatically applied to all newly created surveys. In your environment\u2019s global settings under Settings > Design Settings, you can configure default values for common design options, upload default images, and add custom CSS for fine-grained visual adjustments. Default Theme […]<\/p>\n

Read More…<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","template":"","knowledgebase_tag":[],"class_list":["post-28584","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-design"],"acf":[],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","ab-block-post-grid-landscape":"","ab-block-post-grid-square":"","gb-block-post-grid-landscape":"","gb-block-post-grid-square":""},"post_excerpt_stackable_v2":"

If you plan to run multiple survey campaigns, you can define default design settings that are automatically applied to all newly created surveys. In your environment\u2019s global settings under Settings > Design Settings, you can configure default values for common design options, upload default images, and add custom CSS for fine-grained visual adjustments. Default Theme Use the default theme to define the standard look and feel for newly created surveys. This includes common design options such as colors, font settings, corner radius, and other visual styles, helping you keep survey campaigns consistent with your brand. Default Images Default images let…<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Moritz Dausinger","url":"https:\/\/refiner.io\/docs\/author\/user\/"},"comments_num_v2":"0 comments","yoast_head":"\nDefault Design Settings<\/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:\/\/refiner.io\/docs\/kb\/design\/default-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Default Design Settings\" \/>\n<meta property=\"og:description\" content=\"If you plan to run multiple survey campaigns, you can define default design settings that are automatically applied to all newly created surveys. In your environment\u2019s global settings under Settings > Design Settings, you can configure default values for common design options, upload default images, and add custom CSS for fine-grained visual adjustments. Default Theme [...]Read More...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Refiner Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-27T16:35:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2024\/08\/Screenshot-2024-08-10-at-15.50.31-1024x592.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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/\",\"url\":\"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/\",\"name\":\"Default Design Settings\",\"isPartOf\":{\"@id\":\"https:\/\/refiner.io\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2024\/08\/Screenshot-2024-08-10-at-15.50.31-1024x592.png\",\"datePublished\":\"2026-05-27T16:28:20+00:00\",\"dateModified\":\"2026-05-27T16:35:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/#primaryimage\",\"url\":\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2024\/08\/Screenshot-2024-08-10-at-15.50.31.png\",\"contentUrl\":\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2024\/08\/Screenshot-2024-08-10-at-15.50.31.png\",\"width\":2540,\"height\":1468},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/refiner.io\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Default Design Settings\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/refiner.io\/docs\/#website\",\"url\":\"https:\/\/refiner.io\/docs\/\",\"name\":\"Refiner Documentation\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/refiner.io\/docs\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/refiner.io\/docs\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/refiner.io\/docs\/#organization\",\"name\":\"Refiner Documentation\",\"url\":\"https:\/\/refiner.io\/docs\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/refiner.io\/docs\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2022\/11\/cropped-Group-8.png\",\"contentUrl\":\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2022\/11\/cropped-Group-8.png\",\"width\":400,\"height\":61,\"caption\":\"Refiner Documentation\"},\"image\":{\"@id\":\"https:\/\/refiner.io\/docs\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Default Design Settings","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:\/\/refiner.io\/docs\/kb\/design\/default-design\/","og_locale":"en_US","og_type":"article","og_title":"Default Design Settings","og_description":"If you plan to run multiple survey campaigns, you can define default design settings that are automatically applied to all newly created surveys. In your environment\u2019s global settings under Settings > Design Settings, you can configure default values for common design options, upload default images, and add custom CSS for fine-grained visual adjustments. Default Theme [...]Read More...","og_url":"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/","og_site_name":"Refiner Documentation","article_modified_time":"2026-05-27T16:35:53+00:00","og_image":[{"url":"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2024\/08\/Screenshot-2024-08-10-at-15.50.31-1024x592.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/","url":"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/","name":"Default Design Settings","isPartOf":{"@id":"https:\/\/refiner.io\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/#primaryimage"},"image":{"@id":"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/#primaryimage"},"thumbnailUrl":"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2024\/08\/Screenshot-2024-08-10-at-15.50.31-1024x592.png","datePublished":"2026-05-27T16:28:20+00:00","dateModified":"2026-05-27T16:35:53+00:00","breadcrumb":{"@id":"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/refiner.io\/docs\/kb\/design\/default-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/#primaryimage","url":"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2024\/08\/Screenshot-2024-08-10-at-15.50.31.png","contentUrl":"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2024\/08\/Screenshot-2024-08-10-at-15.50.31.png","width":2540,"height":1468},{"@type":"BreadcrumbList","@id":"https:\/\/refiner.io\/docs\/kb\/design\/default-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/refiner.io\/docs\/"},{"@type":"ListItem","position":2,"name":"Default Design Settings"}]},{"@type":"WebSite","@id":"https:\/\/refiner.io\/docs\/#website","url":"https:\/\/refiner.io\/docs\/","name":"Refiner Documentation","description":"","publisher":{"@id":"https:\/\/refiner.io\/docs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/refiner.io\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/refiner.io\/docs\/#organization","name":"Refiner Documentation","url":"https:\/\/refiner.io\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/refiner.io\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2022\/11\/cropped-Group-8.png","contentUrl":"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2022\/11\/cropped-Group-8.png","width":400,"height":61,"caption":"Refiner Documentation"},"image":{"@id":"https:\/\/refiner.io\/docs\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/knowledgebase\/28584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/comments?post=28584"}],"version-history":[{"count":3,"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/knowledgebase\/28584\/revisions"}],"predecessor-version":[{"id":28590,"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/knowledgebase\/28584\/revisions\/28590"}],"wp:attachment":[{"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/media?parent=28584"}],"wp:term":[{"taxonomy":"knowledgebase_tag","embeddable":true,"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/knowledgebase_tag?post=28584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}