{"id":368302,"date":"2025-10-22T19:11:39","date_gmt":"2025-10-22T13:11:39","guid":{"rendered":"https:\/\/directorist.com\/?post_type=docs&#038;p=368302"},"modified":"2025-10-22T19:11:45","modified_gmt":"2025-10-22T13:11:45","password":"","slug":"customize-appearance","status":"publish","type":"docs","link":"https:\/\/directorist.com\/docs\/customize-appearance\/","title":{"rendered":"Customize Appearance"},"content":{"rendered":"\n<p>The\u00a0<strong>Personalization<\/strong>\u00a0settings allow you to match the look and feel of Directorist components with your website\u2019s branding. You can control global colors for buttons, maps, and brand elements to maintain a consistent visual style across your directory pages.<\/p>\n\n\n\n<p>To access this page <strong>Directory Listings \u2192 Settings \u2192 Personalization<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Brand<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Brand Color<\/strong>\u00a0\u2013 Choose a global color that represents your brand. This color is applied to headings, highlights, and other key interface elements across your directory pages.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Button<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Button Type<\/strong>\u00a0\u2013 Select the default button style used throughout your site.<br>Available options:\n<ul class=\"wp-block-list\">\n<li><strong>Primary<\/strong>\u00a0\u2013 Used for main actions such as\u00a0<em>Save<\/em>,\u00a0<em>Search<\/em>, or\u00a0<em>Submit<\/em>.<\/li>\n\n\n\n<li><strong>Secondary<\/strong>\u00a0\u2013 Used for supportive actions or less prominent buttons.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Text Color<\/strong>\u00a0\u2013 Define the color of text within buttons.<\/li>\n\n\n\n<li><strong>Background Color<\/strong>\u00a0\u2013 Set the background color for the selected button type.<br><em>(Use the preview box to instantly see how your button will look.)<\/em><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>All Listings Map Marker<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Marker Shape Color<\/strong>\u00a0\u2013 Adjust the color of the map marker\u2019s shape shown on all listing maps.<\/li>\n\n\n\n<li><strong>Marker Icon Color<\/strong>\u00a0\u2013 Choose the icon color inside the marker to improve visibility and match your brand palette.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"898\" src=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-79-1024x898.png\" alt=\"\" class=\"wp-image-368304\" srcset=\"https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-79-1024x898.png 1024w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-79-300x263.png 300w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-79-768x673.png 768w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-79-1536x1347.png 1536w, https:\/\/directorist.com\/wp-content\/uploads\/2025\/10\/image-79-2048x1796.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click&nbsp;<strong>Save Changes<\/strong>&nbsp;after customizing to apply your preferred colors and styles site-wide.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The\u00a0Personalization\u00a0settings allow you to match the look and feel of Directorist components with your website\u2019s branding. You can control global colors for buttons, maps, and brand elements to maintain a consistent visual style across your directory pages. To access this page Directory Listings \u2192 Settings \u2192 Personalization Brand Button All Listings Map Marker Click&nbsp;Save Changes&nbsp;after [&hellip;]<\/p>\n","protected":false},"author":24585,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[705],"doc_tag":[],"class_list":["post-368302","docs","type-docs","status-publish","hentry","doc_category-customization"],"year_month":"2026-03","word_count":195,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"yousuf.sovware","author_nicename":"yousuf-sovware","author_url":"https:\/\/directorist.com\/author\/yousuf-sovware\/"},"doc_category_info":[{"term_name":"Customization","term_url":"https:\/\/directorist.com\/docs-category\/customization\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs\/368302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/users\/24585"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/comments?post=368302"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs\/368302\/revisions"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/media?parent=368302"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/doc_category?post=368302"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/doc_tag?post=368302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}