{"id":11877,"date":"2025-05-08T08:13:54","date_gmt":"2025-05-08T08:13:54","guid":{"rendered":"https:\/\/visualtourbuilder.com\/?post_type=ht_kb&#038;p=11877"},"modified":"2026-04-13T13:20:47","modified_gmt":"2026-04-13T13:20:47","slug":"how-do-i-set-my-own-custom-colors-for-the-vtb","status":"publish","type":"ht_kb","link":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/","title":{"rendered":"How do I set my own custom colors for the VTB?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">The VTB offers different color themes: <\/span><b>Sunset<\/b><span style=\"font-weight: 400;\">, <\/span><b>Fjordic, Forest and Dune<\/b><span style=\"font-weight: 400;\">. If you&#8217;d like to use customized colors, you can create your own color theme using the <\/span><b>Custom Colors<\/b><span style=\"font-weight: 400;\"> option.<\/span><\/p>\n<p><strong>How?<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">1.Navigate to the dashboard and click on the icon (represented by a person silhouette). From the dropdown menu, select <\/span><b><b><b><b>My Profile.<\/b><\/b><\/b><\/b><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-13233\" src=\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Profileicon-1.png\" alt=\"\" width=\"215\" height=\"47\" srcset=\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Profileicon-1.png 215w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Profileicon-1-50x11.png 50w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Profileicon-1-18x4.png 18w\" sizes=\"(max-width: 215px) 100vw, 215px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>2.Within your profile settings, locate the <b style=\"font-style: inherit;\">Color Theme<\/b><span style=\"font-weight: 400;\"> section. Here, you can select one of the default themes or choose <\/span><b style=\"font-style: inherit;\">Custom Colors<\/b><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"> to define your own color theme.<br \/>\n<\/span><\/span><\/span><\/span><\/span><\/span><br \/>\n<img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-13234\" src=\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Scherm_afbeelding-2025-12-16-om-12.41.03.png\" alt=\"\" width=\"266\" height=\"306\" srcset=\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Scherm_afbeelding-2025-12-16-om-12.41.03.png 314w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Scherm_afbeelding-2025-12-16-om-12.41.03-261x300.png 261w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Scherm_afbeelding-2025-12-16-om-12.41.03-43x50.png 43w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Scherm_afbeelding-2025-12-16-om-12.41.03-10x12.png 10w\" sizes=\"(max-width: 266px) 100vw, 266px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>3.After selecting <b style=\"font-style: inherit;\">Custom Colors<\/b><span style=\"font-weight: 400;\">, you&#8217;ll see the <\/span><b style=\"font-style: inherit;\">Basic Colors<\/b><span style=\"font-weight: 400;\"> section. Pick your preferred colors, and use the <\/span><b style=\"font-style: inherit;\">Color Preview<\/b><span style=\"font-weight: 400;\"> feature to see how your selections look. Your custom colors are saved automatically.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-13235\" style=\"font-weight: inherit;\" src=\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Basiccolorsenpreview-1.png\" alt=\"\" width=\"620\" height=\"414\" srcset=\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Basiccolorsenpreview-1.png 992w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Basiccolorsenpreview-1-300x201.png 300w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Basiccolorsenpreview-1-768x513.png 768w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Basiccolorsenpreview-1-50x33.png 50w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Basiccolorsenpreview-1-18x12.png 18w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><b>Note: <\/b><span style=\"font-weight: 400;\">T<\/span><span style=\"font-weight: 400;\">he <\/span><span style=\"font-weight: 400;\">custom c<\/span><span style=\"font-weight: 400;\">olors you set are linked to the <\/span><b style=\"font-style: inherit;\">Custom Colors<\/b><span style=\"font-weight: 400;\"> theme. If you switch to a different theme lat<\/span><span style=\"font-weight: 400;\">er, your custom setti<\/span><span style=\"font-weight: 400;\">ngs will be preserved but not active. To reapply your custom colors, simply reselect the <\/span><b style=\"font-style: inherit;\">Custom Colors<\/b><span style=\"font-weight: 400;\"> theme.<\/span><\/p>\n<p><strong>Tip:<\/strong> In <strong>step 4,<\/strong> you can adjust the <strong>default<\/strong> output colors (as selected in &#8216;My Profile&#8217;) specifically for that VTB. You can even<strong> publish<\/strong> one output with <strong>custom colors<\/strong> and another with, for example, the <strong>Fjordic theme<\/strong>.&#8221;<\/p>","protected":false},"excerpt":{"rendered":"<p>The VTB offers different color themes: Sunset, Fjordic, Forest and Dune. If you&#8217;d like to use customized colors, you can create your own color theme using the Custom Colors option. How? 1.Navigate to the dashboard and click on the icon (represented by a person silhouette). From the dropdown menu, select My Profile. &nbsp; 2.Within your &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/\"> <span class=\"screen-reader-text\">How do I set my own custom colors for the VTB?<\/span> Read More &raquo;<\/a><\/p>","protected":false},"author":449,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"ht-kb-category":[44],"ht-kb-tag":[105,102,103,108,107,104,106],"class_list":["post-11877","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-my-profile","ht_kb_tag-branding","ht_kb_tag-color-themes","ht_kb_tag-custom-colors","ht_kb_tag-design","ht_kb_tag-output","ht_kb_tag-profile-settings","ht_kb_tag-theme"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How do I set my own custom colors for the VTB? - Visual Tour Builder<\/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:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How do I set my own custom colors for the VTB? - Visual Tour Builder\" \/>\n<meta property=\"og:description\" content=\"The VTB offers different color themes: Sunset, Fjordic, Forest and Dune. If you&#8217;d like to use customized colors, you can create your own color theme using the Custom Colors option. How? 1.Navigate to the dashboard and click on the icon (represented by a person silhouette). From the dropdown menu, select My Profile. &nbsp; 2.Within your &hellip; How do I set my own custom colors for the VTB? Read More &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Tour Builder\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-13T13:20:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Profileicon-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"215\" \/>\n\t<meta property=\"og:image:height\" content=\"47\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/\",\"url\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/\",\"name\":\"How do I set my own custom colors for the VTB? - Visual Tour Builder\",\"isPartOf\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Profileicon-1.png\",\"datePublished\":\"2025-05-08T08:13:54+00:00\",\"dateModified\":\"2026-04-13T13:20:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/#primaryimage\",\"url\":\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Profileicon-1.png\",\"contentUrl\":\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Profileicon-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/visualtourbuilder.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How do I set my own custom colors for the VTB?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#website\",\"url\":\"https:\/\/visualtourbuilder.com\/eng\/\",\"name\":\"Visual Tour Builder\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/visualtourbuilder.com\/eng\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#organization\",\"name\":\"Visual Tour Builder\",\"url\":\"https:\/\/visualtourbuilder.com\/eng\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2024\/02\/favicon-32x32-1.png\",\"contentUrl\":\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2024\/02\/favicon-32x32-1.png\",\"width\":32,\"height\":32,\"caption\":\"Visual Tour Builder\"},\"image\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How do I set my own custom colors for the VTB? - Visual Tour Builder","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:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/","og_locale":"en_US","og_type":"article","og_title":"How do I set my own custom colors for the VTB? - Visual Tour Builder","og_description":"The VTB offers different color themes: Sunset, Fjordic, Forest and Dune. If you&#8217;d like to use customized colors, you can create your own color theme using the Custom Colors option. How? 1.Navigate to the dashboard and click on the icon (represented by a person silhouette). From the dropdown menu, select My Profile. &nbsp; 2.Within your &hellip; How do I set my own custom colors for the VTB? Read More &raquo;","og_url":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/","og_site_name":"Visual Tour Builder","article_modified_time":"2026-04-13T13:20:47+00:00","og_image":[{"width":215,"height":47,"url":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Profileicon-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/","url":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/","name":"How do I set my own custom colors for the VTB? - Visual Tour Builder","isPartOf":{"@id":"https:\/\/visualtourbuilder.com\/eng\/#website"},"primaryImageOfPage":{"@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/#primaryimage"},"image":{"@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/#primaryimage"},"thumbnailUrl":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Profileicon-1.png","datePublished":"2025-05-08T08:13:54+00:00","dateModified":"2026-04-13T13:20:47+00:00","breadcrumb":{"@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/#primaryimage","url":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Profileicon-1.png","contentUrl":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Profileicon-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-i-set-my-own-custom-colors-for-the-vtb\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/visualtourbuilder.com\/"},{"@type":"ListItem","position":2,"name":"How do I set my own custom colors for the VTB?"}]},{"@type":"WebSite","@id":"https:\/\/visualtourbuilder.com\/eng\/#website","url":"https:\/\/visualtourbuilder.com\/eng\/","name":"Visual Tour Builder","description":"","publisher":{"@id":"https:\/\/visualtourbuilder.com\/eng\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/visualtourbuilder.com\/eng\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/visualtourbuilder.com\/eng\/#organization","name":"Visual Tour Builder","url":"https:\/\/visualtourbuilder.com\/eng\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/visualtourbuilder.com\/eng\/#\/schema\/logo\/image\/","url":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2024\/02\/favicon-32x32-1.png","contentUrl":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2024\/02\/favicon-32x32-1.png","width":32,"height":32,"caption":"Visual Tour Builder"},"image":{"@id":"https:\/\/visualtourbuilder.com\/eng\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb\/11877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/users\/449"}],"replies":[{"embeddable":true,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/comments?post=11877"}],"version-history":[{"count":19,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb\/11877\/revisions"}],"predecessor-version":[{"id":13236,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb\/11877\/revisions\/13236"}],"wp:attachment":[{"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/media?parent=11877"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb-category?post=11877"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb-tag?post=11877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}