{"id":331,"date":"2018-09-27T18:32:43","date_gmt":"2018-09-27T18:32:43","guid":{"rendered":"https:\/\/wpgeodirectory.com\/docs-v2\/themes\/supreme\/"},"modified":"2020-03-10T15:28:10","modified_gmt":"2020-03-10T15:28:10","slug":"supreme","status":"publish","type":"docs","link":"https:\/\/wpgeodirectory.com\/docs-v2\/themes\/supreme\/","title":{"rendered":"Supreme Directory child theme"},"content":{"rendered":"<p><span class=\"bookmark-index\"><br \/>\n<a href=\"#intro\">Introduction<\/a><br \/>\n<a href=\"#install\">Installation<\/a><br \/>\n<a href=\"#config\">Configuration &amp; Settings<\/a><br \/>\n<a href=\"#personalize\">Personalize<\/a><br \/>\n<a href=\"#customize\">Customize<\/a><br \/>\n<a href=\"#support\">Support<\/a><br \/>\n<a href=\"#faq\">FAQ<\/a><br \/>\n<\/span><\/p>\n<h3><a href=\"#intro\" name=\"intro\">Introduction<\/a><\/h3>\n<p>Your directory can get a quick start with the free Supreme Directory child theme.<\/p>\n<p><span class=\"notice\" style=\"color: red; border: 1px solid red; padding: 5px; border-radius: 3px; margin: 20px;\"> Important! If you are converting from V1 please start here with the <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/installation\/\" target=\"_blank\" rel=\"noopener noreferrer\">GDV2 Installation Doc<\/a>.<\/span><\/p>\n<h3><a href=\"#install\" name=\"install\">Installation<\/a><\/h3>\n<h4><a href=\"#prep\" name=\"prep\">Preparation<\/a><\/h4>\n<p>Check to be sure you have the following themes and plugins installed before you get started.<\/p>\n<ul>\n<li><a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/installation\/\" target=\"_blank\" rel=\"noopener noreferrer\">GeoDirectory V2 Plugin<\/a><\/li>\n<li><a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/themes\/directory-starter\" target=\"_blank\" rel=\"noopener noreferrer\">Directory Starter parent theme<\/a><\/li>\n<\/ul>\n<h4><a href=\"#install\" name=\"install\">Installation<\/a><\/h4>\n<ol>\n<li>Download from your account &#8211; <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/installation\/\">Read more about getting V2 addons and themes<\/a><\/li>\n<li>Install Directory Starter parent theme &#8211; Do not activate<\/li>\n<li>Install Supreme Directory child theme &#8211; Activate<\/li>\n<li>Read more about <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/themes\/installing-themes\/\">Installing themes<\/a><\/li>\n<\/ol>\n<p><span class=\"notice\" style=\"color: red; line-height: 2.2em; border: 1px solid red; padding: 5px; border-radius: 3px;\">!Important! &#8211; Make sure you have installed Supreme V2<\/span><br \/>\nMake sure you have installed the correct 2+ version of Supreme Directory child theme<br \/>\n<a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/sd-v2.png\"><img class=\"alignnone size-full wp-image-601\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/sd-v2.png\" alt=\"\" width=\"600\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/sd-v2.png 1158w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/sd-v2-300x162.png 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/sd-v2-768x416.png 768w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/sd-v2-1024x554.png 1024w\" sizes=\"(max-width: 1158px) 100vw, 1158px\" \/><\/a><br \/>\n<span class=\"notice\" style=\"color: red; line-height: 2.2em; border: 1px solid red; padding: 5px; border-radius: 3px;\">!Important! &#8211; Make sure you have installed Directory Starter V2<\/span><br \/>\nDirectory Starter is the parent theme and required. Make sure you have installed the correct 2+ version.<br \/>\n<a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/dsv2.png\"><img class=\"alignnone size-full wp-image-600\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/dsv2.png\" alt=\"\" width=\"600\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/dsv2.png 1160w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/dsv2-300x163.png 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/dsv2-768x418.png 768w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/dsv2-1024x558.png 1024w\" sizes=\"(max-width: 1160px) 100vw, 1160px\" \/><\/a><\/p>\n<h3><a href=\"#setup\" name=\"setup\">Setup<\/a><\/h3>\n<ol>\n<li>Run the GeoDirectory V2 <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/getting-started\/setup-wizard\/\" target=\"_blank\" rel=\"noopener noreferrer\">Setup Wizard<\/a> to setup default widgets and menu items.<\/li>\n<li>Switching themes? Review the checklist: <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/themes\/#switch\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/wpgeodirectory.com\/docs-v2\/themes\/#switch<\/a><\/li>\n<li>Review your WP Front Page settings at <strong>WordPress -&gt; Settings -&gt; Reading &#8211; Static Front Page<\/strong>. Make sure the Front Page is <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/settings\/general\/#front\" target=\"_blank\" rel=\"noopener noreferrer\">NOT<\/a> set to any of the GeoDirectory Pages.<\/li>\n<li>GeoDirectory is a plugin, and if you haven&#8217;t already you will need to setup GeoDirectory also. See our <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/getting-started\/\" target=\"_blank\" rel=\"noopener noreferrer\">Getting Started doc<\/a> for &#8216;must do&#8217; settings and links to important docs that will help you setup your directory quickly and easily.<\/li>\n<\/ol>\n<h3><a href=\"#config\" name=\"config\">Configuration and Settings<\/a><\/h3>\n<h4><a href=\"#single-template\" name=\"single-template\">GeoDirectory Single Template<\/a><\/h4>\n<p>As of GDV2.0.0.53 and Supreme V2.0.0.6 you can now choose the &#8220;GeoDirectory Single&#8221; template for the GD Details page.<\/p>\n<p>Open up the GD Details template and find the Page Attributes, then select the &#8220;GeoDirectory Single&#8221; template.<\/p>\n<p>Using this template will place a new &#8220;header&#8221; area below the featured image and above the general page content area.<\/p>\n<p>The contents of the area are coded into the template and can be altered with filters.<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/gd-supreme-single.jpg\"><img class=\"alignnone size-full wp-image-706\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/gd-supreme-single.jpg\" alt=\"\" width=\"300\" \/><\/a><\/p>\n<h4><a href=\"#customizer\" name=\"customizer\">Customizer<\/a><\/h4>\n<p>All of the styling options for Supreme Directory Theme are available in the WordPress Customizer.<\/p>\n<blockquote><p>WordPress \u2013 Appearance \u2013 Customizer<\/p><\/blockquote>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-customizer.jpg\"><img class=\"alignnone size-large wp-image-575\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-customizer-972x1024.jpg\" alt=\"\" width=\"450\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-customizer-972x1024.jpg 972w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-customizer-285x300.jpg 285w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-customizer-768x809.jpg 768w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-customizer.jpg 1075w\" sizes=\"(max-width: 972px) 100vw, 972px\" \/><\/a><\/p>\n<h4><a href=\"#width\" name=\"width\">Desktop Container Width<\/a><\/h4>\n<p>WP &#8211; Appearance &#8211; Customizer &#8211; General &#8211; Spacing &#8211; Desktop Container Width<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Supreme-Width.jpg\"><img class=\"alignnone size-full wp-image-803\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Supreme-Width.jpg\" alt=\"\" width=\"348\" height=\"583\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Supreme-Width.jpg 348w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Supreme-Width-179x300.jpg 179w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/><\/a><\/p>\n<h4><a href=\"#widget-areas\" name=\"widget-areas\">Widget Areas<\/a><\/h4>\n<p>Visit the Widget settings to see the widget areas included with Supreme.<\/p>\n<blockquote><p>Appearance &#8211; Widgets<\/p><\/blockquote>\n<p>The theme features the following widget areas.<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-widget-areas.jpg\"><img class=\"alignnone size-medium wp-image-434\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-widget-areas-300x114.jpg\" alt=\"\" width=\"300\" height=\"114\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-widget-areas-300x114.jpg 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-widget-areas-768x292.jpg 768w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-widget-areas-1024x389.jpg 1024w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-widget-areas.jpg 1641w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Important sidebars<\/p>\n<ul>\n<li><strong>Pages Sidebar<\/strong> &#8211; Displays on all WordPress Pages AND all GeoDirectory Pages using GeoDirectory page template. For non-GeoDirectory pages, places widgets in this sidebar.<\/li>\n<li><strong>GD Sidebar<\/strong> &#8211; Displays on all GeoDirectory pages using GeoDirectory page template. Often used on the GD Detail template, to show additional information in the Detail page sidebar.<\/li>\n<li><strong>GD Top<\/strong> &#8211; Full width widget area that displays below the header in GeoDirectory page template. Often used for full width maps.<\/li>\n<li><strong>GD Bottom<\/strong> &#8211; Full width widget area that displayed after page content in GeoDirectory page template..<\/li>\n<\/ul>\n<h4><a href=\"#page-templates\" name=\"page-templates\">Page Templates<\/a><\/h4>\n<p>Supreme Directory includes 3 page templates. You can find these options on the sidebar when you add a new page at<\/p>\n<blockquote><p><strong>WordPress &#8211; Pages &#8211; Add New<\/strong><\/p><\/blockquote>\n<p>The templates are:<\/p>\n<ol>\n<li><strong>Default template<\/strong> &#8211; Selects the Geodirectory or GeoDirectory Archive template, as appropriate.<\/li>\n<li><strong>GeoDirectory Archive<\/strong> &#8211; Displays widget areas: Page Sidebar, GD Sidebar, GD Top.<\/li>\n<li><strong>GeoDirectory<\/strong> &#8211; Displays widget areas: Page Sidebar, GD Sidebar, GD Top widget area, GD Bottom.<\/li>\n<li><strong>Full Width Page<\/strong> &#8211; No widget areas displayed.<\/li>\n<\/ol>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Screenshot-2019-01-08-at-8.56.06-PM.png\"><img class=\"alignnone size-full wp-image-599\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Screenshot-2019-01-08-at-8.56.06-PM.png\" alt=\"\" width=\"150\" \/><\/a><\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Screenshot-2019-01-08-at-9.21.19-PM.png\"><img class=\"alignnone size-full wp-image-602\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/Screenshot-2019-01-08-at-9.21.19-PM.png\" alt=\"\" width=\"150&quot;\" \/><\/a><\/p>\n<h4><a href=\"#featured-image-theme-setting\" name=\"featured-image-theme-setting\">Featured Area Setting<\/a><\/h4>\n<p>Each WordPress page will have a setting for &#8220;Featured Area Settings&#8221;.<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-feature-image-area-for-pages.jpg\"><img class=\"alignnone size-full wp-image-612\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-feature-image-area-for-pages.jpg\" alt=\"\" width=\"300\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-feature-image-area-for-pages.jpg 548w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-feature-image-area-for-pages-281x300.jpg 281w\" sizes=\"(max-width: 548px) 100vw, 548px\" \/><\/a><\/p>\n<p>Before you check out this section, read the above section about theme featured image output. If Supreme is not showing the featured area, then make sure to UNCHECK the setting shown in GD &#8211; Settings &#8211; Detail &#8211; <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/settings\/design\/#details\" target=\"_blank\" rel=\"noopener noreferrer\">Disable Theme Featured Image output<\/a><\/p>\n<p>If a page has Featured Image Settings set to display Auto or Title over Parallax, then the featured area will show the page Featured Image similar to this:<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-featured-area-showing-image.jpg\"><img class=\"alignnone size-full wp-image-608\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-featured-area-showing-image.jpg\" alt=\"\" width=\"450\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-featured-area-showing-image.jpg 3174w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-featured-area-showing-image-300x80.jpg 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-featured-area-showing-image-768x204.jpg 768w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-featured-area-showing-image-1024x272.jpg 1024w\" sizes=\"(max-width: 3174px) 100vw, 3174px\" \/><\/a><\/p>\n<p><a href=\"#featured-area-note\"><strong>Note<\/strong><\/a> The featured area will only display the first (featured) image that has been uploaded to the listing. It will not display the default archive, CPT, or category images, a feature that is exclusive to the gd_post_images element.<\/p>\n<h4>Change Sitewide Default Featured Area Image<\/h4>\n<p>This snippet can be used in your site wp-config.php file to change the default image sitewide for pages that do not yet have an image or for which an image cannot be set because the page is generated by a plugin. You will need to connect to your site via FTP, and insert the snippet in the section near to other constants (statements that begin with &#8220;define&#8221;). Make sure to check the URL for your new image first.<\/p>\n<pre><code>\r\n# Set SD Sitewide Default Featured Area Image\r\ndefine('SD_DEFAULT_FEATURED_IMAGE', \"https:\/\/mysite.com\/images\/new-image.png\");\r\n<\/code><\/pre>\n<h3><a href=\"#personalize\" name=\"personalize\">Personalize<\/a><\/h3>\n<h4><a href=\"#logo\" name=\"logo\">Logo<\/a><\/h4>\n<p>To change the logo, use the Customizer.<br \/>\nWithin the Customize Navigate to <strong>Header \u2013 Logo<\/strong><br \/>\nUpload your logo and publish the changes<br \/>\nVisit your home page to see the changes<\/p>\n<h4><a href=\"#front\" name=\"front\">Front Page<\/a><\/h4>\n<p>Need to make a front page? We have a section in our getting started document with a recommendation. <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/getting-started\/#front\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/getting-started\/#front<\/a><\/p>\n<h4><a href=\"#front-image\" name=\"front-image\">Front Page Featured Area Background Image<\/a><\/h4>\n<p>Set the background image for the Front Page featured area by adding a Featured Image to the WordPress page you are using for the Front Page.<\/p>\n<h4><a href=\"#subtitle\" name=\"subtitle\">Front Page Subtitle<\/a><\/h4>\n<p>Supreme has a special feature for the Front Page. You can add a custom subtitle that can use HTML<br \/>\n<a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-subtitle.jpg\"><img class=\"alignnone size-full wp-image-569\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-subtitle.jpg\" alt=\"\" width=\"600\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-subtitle.jpg 951w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-subtitle-300x91.jpg 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-subtitle-768x232.jpg 768w\" sizes=\"(max-width: 951px) 100vw, 951px\" \/><\/a><br \/>\nStep by Step, add a Front Page with a subtitle<br \/>\nAdd a WordPress Page (call it &#8216;Sample Page&#8217;).<br \/>\nVisit the WordPress -&gt; Settings -&gt; Reading<br \/>\nSet the page &#8216;Sample Page&#8217; as the Static Front Page<br \/>\nReturn to &#8216;Sample Page&#8217;<br \/>\nEdit &#8216;Sample Page&#8217;<br \/>\nAt the top of the edit page click &#8220;Screen Options&#8221;<br \/>\nEnable the Box for &#8220;Custom Fields&#8221; (see image below)<br \/>\nAdd a new Custom Field &#8220;subtitle&#8221; (See image below)<br \/>\nAdd your content into the field value<br \/>\nYou can add HTML to the field<\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/custom-show.jpg\"><img class=\"alignnone size-large wp-image-568\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/custom-show-1024x216.jpg\" alt=\"\" width=\"600\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/custom-show-1024x216.jpg 1024w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/custom-show-300x63.jpg 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/custom-show-768x162.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-custom-add.jpg\"><img class=\"alignnone size-large wp-image-567\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-custom-add-1024x183.jpg\" alt=\"\" width=\"600\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-custom-add-1024x183.jpg 1024w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-custom-add-300x54.jpg 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-custom-add-768x137.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/gd-widget-login.jpg\"><img class=\"alignnone size-medium wp-image-437\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/gd-widget-login-300x100.jpg\" alt=\"\" width=\"300\" height=\"100\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/gd-widget-login-300x100.jpg 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/gd-widget-login.jpg 709w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h3><a href=\"#customize\" name=\"customize\">Customize<\/a><\/h3>\n<p>Here are some examples that you can edit or alter yourself.<\/p>\n<p><strong>Snippets<\/strong>: For more information about using PHP and CSS snippets, please see the <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/faq\/customizing\/\" target=\"_blank\" rel=\"noopener noreferrer\">customizing<\/a> doc.<\/p>\n<p>If you need hands on help to make these work for your site the way you want please contact a developer at <a href=\"https:\/\/geodirectoryexperts.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/geodirectoryexperts.com\/<\/a><\/p>\n<h4><a href=\"#css\" name=\"css\">Common CSS Changes<\/a><\/h4>\n<blockquote class=\"gd-faq\"><p>You can also find additional CSS examples on the <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/faq\/common-examples\/\">main examples<\/a> page. What you see below are specific to Supreme Directory.<\/p>\n<pre>\r\n<pre><code class='css'>\r\n\/*Adjust Supreme Featured Area Overlay Opacity and Color*\/\r\nheader .featured-area::before {\r\n    background-color: white!important;\r\n    opacity: 0;\r\n}\r\n\/*Hide the Title in the Featured Area*\/\r\n.sd .featured-area h1.entry-title {\r\n    display: none;\r\n}\r\n\/*Change the height of the featured area *\/\r\nheader .featured-area {\r\n    height: 50vh; \/\/was 100vh\r\n}\r\n\/*Hide the Title on all Archive Pages*\/\r\nbody.archive h1.entry-title {\r\n    display: none;\r\n}\r\n\/*Hide the mobile menu icon*\/\r\n@media (max-width: 992px)\r\n.dt-nav-toggle {\r\n    display: none;\r\n}\r\n\/*Hide the Badges in the Details page small header *\/\r\n.sd-detail-info .gd-badge {\r\n    display: none;\r\n}\r\n\/*Hide the Claim Button in the GeoDirectory Single Detail area*\/\r\n.sd-detail-author .geodir-post-claim{\r\ndisplay: none;\r\n}\r\n\/*Mobile Custom CSS*\/\r\n\/*GD SD Mobile - Hide login icon, adjust category width*\/\r\n@media only screen and (max-width: 600px) {\r\n  .dt-mobile-account-wrap {\r\n    display:none!important;\r\n}\r\n\r\nheader .featured-area .geodir-categories-container .gd-cptcat-rows ul {\r\n        min-width: auto!important;\r\n            width: 80px!important;\r\n}\r\n}\r\n<\/code><\/pre>\n<\/blockquote>\n<h4><a href=\"#footer\" name=\"footer\">Customize Copyright Footer<\/a><\/h4>\n<blockquote class=\"gd-faq\">\n<p>Please see <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/themes\/directory-starter\/#footer\">this section<\/a> on the Directory Starter parent theme page.<\/p><\/blockquote>\n<h4><a href=\"#css-single\" name=\"css-single\">CSS for the GeoDirectory Single Page template Detail Info Header Section<\/a><\/h4>\n<blockquote class=\"gd-faq\">\n<p>Here is CSS to hide each element of the header for the GeoDirectory Single template for the Detail page. Ex here: <a href=\"https:\/\/wpgeo.directory\/supreme-directory\/places\/united-states\/california\/san-francisco\/burger-factory\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/wpgeo.directory\/supreme-directory\/places\/united-states\/california\/san-francisco\/burger-factory\/<\/a><\/p>\n<pre><pre><code class='css'>\r\n\/* GD Supreme Single Header - Hide Author Info and Claim Button *\/\r\n.sd .sd-detail-details .sd-detail-author {\r\n    display: none;\r\n}\r\n\/*GDV2 Supreme - Hide the author avatar image*\/\r\n.sd .author-avatar {\r\n    display: none;\r\n}\r\n\/*GDV2 Supreme - Hide Write a Review Button*\/\r\n.gd-badge-meta-write-a-review {\r\n    display: none;\r\n}\r\n\/* GD Supreme Single Header - Hide Title *\/\r\n.sd .sd-detail-details .sd-entry-title {\r\n    display: none;\r\n}\r\n\/* GD Supreme Single Header - Hide Address *\/\r\n.sd .sd-detail-details .sd-address {\r\n    display: none;\r\n}\r\n\/* GD Supreme Single Header - Hide Ratings *\/\r\n.sd .sd-detail-details .sd-ratings {\r\n    display: none;\r\n}\r\n\/* GD Supreme Single Header - Hide Favorites *\/\r\n.sd-detail-cta .geodir-post-fav {\r\n    display: none;\r\n}\r\n\/* GD Supreme Single Header - Hide Categories *\/\r\n.sd .sd-detail-details .sd-detail-cat-links {\r\n    display: none;\r\n}\r\n\/* GD Supreme Single Header - Hide Badges for Phone Facebook etc *\/\r\n.sd .sd-detail-details .sd-contacts {\r\n    display: none;\r\n}\r\n\r\n<\/code><\/pre>\n<\/blockquote>\n<h4><a href=\"#customize-single\" name=\"customize-single\">Customize the GeoDirectory Single Page template Detail Info Header Section<\/a><\/h4>\n<blockquote class=\"gd-faq\">\n<p>Here are two examples of how to customize the GeoDirectory Single Page template with a snippet. To change this customization or create your own you can contact a <a href=\"https:\/\/geodirectoryexperts.com\" rel=\"noopener noreferrer\" target=\"_blank\">GD Expert<\/a>.<\/p>\n<pre>\r\n<strong>Change the button color:<\/strong>\r\n<pre><code class='php'>\r\n$review_button_text = __(&quot;Write a Review&quot;,&quot;supreme-directory&quot;);\r\n$review_button_shortcode = '[gd_post_badge size=&quot;large&quot; key=&quot;post_title&quot; condition=&quot;is_not_empty&quot;  link=&quot;#reviews&quot; badge=&quot;'.$review_button_text .'&quot; new_window=&quot;0&quot; bg_color=&quot;#ed6d61&quot; txt_color=&quot;#ffffff&quot; alignment=&quot;center&quot;]';\r\n$review_button = apply_filters( 'sd_details_output_review_button_shortcode',$review_button_shortcode);\r\n$review_button = do_shortcode($review_button);\r\necho apply_filters( 'sd_details_output_review_button', $review_button );\r\n<\/code><\/pre>\n<p><strong>Change the address format:<\/strong><\/p>\n<pre><code class='php'>\r\nadd_filter( 'sd_details_output_address_shortcode', 'sd_details_output_address_shortcode_callback');\r\nfunction sd_details_output_address_shortcode_callback( $address_shortcode ){\r\n    \/\/ %%city%%, %%region%%,%%country%%\r\n\t$address_shortcode = '[gd_post_address show=&quot;icon-value&quot; address_template=&quot;%%street%%&quot; alignment=&quot;left&quot;]';\r\n\treturn $address_shortcode;\r\n}\r\n<\/code><\/pre>\n<\/blockquote>\n<h4><a href=\"#customize-featured-area\" id=\"customize-featured-area\">Customize the Featured Area<\/a><\/h4>\n<blockquote class=\"gd-faq\">\n<pre><pre><code class='css'>\r\n@media (max-width: 668px) {\r\n.sd.home .featured-area, .sd.sd-location .featured-area {\r\n    display: none;}\r\n}\r\n<\/code><\/pre>\n<\/blockquote>\n<h4><a href=\"#popular\" name=\"popular\">Customize the Feature Area -&gt; Popular Categories<\/a><\/h4>\n<blockquote class=\"gd-faq\">\n<p><a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/pop-cats.jpg\"><img class=\"alignnone size-large wp-image-577\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/pop-cats-1024x508.jpg\" alt=\"\" width=\"300\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/pop-cats-1024x508.jpg 1024w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/pop-cats-300x149.jpg 300w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/pop-cats-768x381.jpg 768w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/pop-cats.jpg 1287w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>The popular categories feature is one of the &#8220;special features&#8221; available only in the Supreme Directory child theme. This set of &#8216;category buttons&#8217; appears on the front page and provides simple, intuitive category navigation in a visually appealing layout.<\/p>\n<p>The look of the categories, specifically the color and the icon, are adjusted in the CPT Categories. Edit each category to set the icon and color.<\/p>\n<p>There are no additional configuration options for this feature. The categories displayed are chosen automatically as the categories with the most listings. It isn&#8217;t possible to pick and choose those categories except by adding more listings to one category than another.<\/p>\n<p>The Popular Categories feature uses a modified version of the <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/geodirectory\/design-elements\/#gd_categories\" target=\"_blank\" rel=\"noopener noreferrer\">gd_categories<\/a> shortcode and settings are hardcoded into the theme. Additional customization in the theme files is not recommended because changes will be overwritten by updates to the theme. To customize see: <a href=\"https:\/\/github.com\/AyeCode\/supreme-directory\/blob\/master\/inc\/geodirectory-compatibility.php#L150\" target=\"_blank\" rel=\"noopener noreferrer\">Link to Github<\/a>.<\/p>\n<p>The only way to make changes to this feature is with CSS. Here are the examples we offer to help you get started.<\/p>\n<pre><pre><code class='css'>\r\n\/*Hide Popular Categories in the Featured Area below search bar on the home page only *\/\r\n.home .header-wrap .geodir-categories-container {\r\n    display: none;\r\n}\r\n\/*Hide Popular Categories on every page where it appears in the Featured Area *\/\r\n.header-wrap .geodir-categories-container {\r\n    display: none;\r\n}\r\n\/*Supreme V2 CPT Cats feature on a page, change the color of one icon *\/\r\n.gd-cptcat-icon svg.svg-inline--fa.fa-heart.fa-w-16 {\r\n    color: red;\r\n}\r\n\/*Supreme V2 CPT Cats feature change the background color of all the rounded boxes *\/\r\n.gd-cptcat-rows ul li {\r\n    background: #3c763d none repeat scroll 0 center;\r\n\/*Supreme V2 Make all background colors transparent *\/\r\n.gd-cptcat-rows ul li, .gd-cptcat-cat-left, .gd-cptcat-cat-right {\r\n    background: transparent!important;\r\n}\r\n\/*Supreme V2 CPT Cats change icon size and margin*\/\r\n.geodir-categories-container ul li a .gd-cptcat-icon img {\r\n    height: 60%!important;\r\n    margin-top: 5%!important;\r\n}\r\n\/*GDV2 - Supreme Featured Area - Make Popular Categories text background Transparent*\/\r\nheader .featured-area .geodir-categories-container .gd-cptcat-rows ul li {\r\n    background: transparent!important;\r\n}\r\n\/*GDV2 - Supreme Featured Area - Make Popular Categories text background Transparent*\/\r\nheader .featured-area .geodir-categories-container ul li {\r\n    background: transparent!important;\r\n}\r\n<\/code><\/pre>\n<p>Remove Popular Categories Completely<\/p>\n<p>This is not recommended &#8211; To remove GD Categories completely edit supreme-directory\/inc\/geodirectory-compatibility.php and remove the gd_categories shortcode. Changes to theme files will be overwritten during update.<\/p>\n<\/blockquote>\n<h4><a href=\"#all_posts\" name=\"all_posts\">How can I show all posts in the Archive template?<\/a><\/h4>\n<blockquote class=\"gd-faq\">\n<p>The Supreme Archive template shows a half screen map.<\/p>\n<p>The shortcode for the map is located inside a template file.<\/p>\n<p>By default the map and the GD Loop will display the number of listings you have set in the WordPress option : WP &#8211; Settings &#8211; Reading &#8211; Posts per page<\/p>\n<p>In some cases you may want to show all listings on the map, though, instead of just a fixed number.<\/p>\n<p>In that case you will have to edit the archive PHP template file to change the gd_map shortcode.<\/p>\n<p>In file <\/p>\n<pre><code>\/themes\/supreme-directory\/content-geodirectory-archive.php<\/code><\/pre>\n<p> add <\/p>\n<pre><code>all_posts=1<\/code><\/pre>\n<p> in gd_map shortcode.<\/p>\n<\/blockquote>\n<h3><a href=\"#support\" name=\"support\">Get Support<\/a><\/h3>\n<p>Get support on our forum, fnd out more here: <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/v2\/support\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/wpgeodirectory.com\/docs-v2\/v2\/support\/<\/a><\/p>\n<h3><a href=\"#faq\" name=\"faq\">FAQ &#8211; Frequently Asked Questions<\/a><\/h3>\n<h4><a href=\"#remove-slideshow\">How do I remove the slideshow from the listing Detail page? <\/a><\/h4>\n<blockquote class=\"gd-faq\">\n<p>Edit the <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/templates\/details\/\" rel=\"noopener noreferrer\" target=\"_blank\">Detail page template<\/a> and remove the slideshow shortcode. The shortcode looks similar to this:<\/p>\n<pre><pre><code class='php'>[gd_post_images type='slider' ajax_load='true' .... ]<\/code><\/pre>\n<\/blockquote>\n<h4><a href=\"#style\">How do I change the style of Supreme Directory?<\/a><\/h4>\n<blockquote class=\"gd-faq\">\n<p>Supreme offers a wide variety of settings through the customizer. You can use the Customizer at Appearance &#8211; Customize. Settings include header color, text colors and more. Additional common changes to styles are available on the <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/faq\/common-examples\/\">common examples<\/a> page. Changes beyond these will need to be accomplished with CSS. You can create your own CSS or hire a <a href=\"https:\/\/geodirectoryexperts.com\/experts\/\" target=\"_blank\" rel=\"noopener noreferrer\">GD Expert<\/a> to do so for you.<\/p>\n<\/blockquote>\n<h4><a href=\"#full-width\" name=\"full-width\">How do I set my Home\/Location\/Search\/etc page as full width or with a sidebar?<\/a><\/h4>\n<blockquote class=\"gd-faq\">\n<p>Supreme comes with several page templates including &#8220;Default&#8221; which includes a sidebar and &#8220;full width&#8221; which does not include a sidebar.<br \/>\n<a href=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-full-width.jpg\"><img class=\"alignnone size-medium wp-image-428\" src=\"http:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-full-width-264x300.jpg\" alt=\"\" width=\"264\" height=\"300\" srcset=\"https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-full-width-264x300.jpg 264w, https:\/\/wpgeodirectory.com\/docs-v2\/wp-content\/uploads\/sites\/23\/2018\/09\/supreme-full-width.jpg 602w\" sizes=\"(max-width: 264px) 100vw, 264px\" \/><\/a><br \/>\nIf you set the Front page to use the default template and no sidebar appears, check to make sure you have the V2+ versions of Supreme Directory and Directory Starter themes. Both themes must be updated to V2+.<\/p>\n<\/blockquote>\n<h4><a href=\"#border\" name=\"border\">How to display header border and shadow?<\/a><\/h4>\n<blockquote class=\"gd-faq\">\n<p>Though you can adjust settings for the border header and shadow in the customizer, these settings only apply to Directory Starter, the parent theme, which has a very different header presentation.<\/p>\n<p>For Supreme the shadow can look &#8216;unsightly&#8217; on some archive pages. However, if you want a header border and border shadow, you can use this CSS, and adjust your colors to suit directly in the CSS:<\/p>\n<pre><pre><code class='css'>\r\n.sd.search .site-header,\r\n.sd.archive .site-header {\r\n        border: 1px solid #e0e0e0;\r\n        -moz-box-shadow: 0 1px 1px rgb(104, 55, 89,0.6);\r\n        -webkit-box-shadow: 0 1px 1px rgb(104, 55, 89,0.6);\r\n        box-shadow: 0 1px 1px rgb(104, 55, 89,0.6);\r\n}\r\n<\/code><\/pre>\n<\/blockquote>\n<h4>How can I make other Layout Changes to Supreme DIrectory<\/h4>\n<blockquote class=\"gd-faq\">\n<p>GeoDirectory themes come setup to make the most of GeoDirectory features and with preset styles. Changing the styles or layouts requires customization of CSS or PHP. On this page we provide some example of the CSS you might use, but you may need to customize it further or hire a developer to do so.<\/p>\n<p>As an example, Supreme&#8217;s full width pages still has a margin (on purpose). You can try customizing it with this CSS or adjust to fit to your needs.<\/p>\n<pre><pre><code class='css'>\r\n.sd .container div.entry-content {\r\n    margin:0px!important;\r\n    padding:0px!important;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    padding:0px!important;\r\n}\r\n<\/code><\/pre>\n<p>See also : <a href=\"https:\/\/wpgeodirectory.com\/docs-v2\/faq\/customizing\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/wpgeodirectory.com\/docs-v2\/faq\/customizing\/<\/a><\/p>\n<\/blockquote>\n<h4>What changes between Supreme Directory V1 and V2?<\/h4>\n<blockquote>\n<p>The footer has been removed from the Archive template. Adding it back requires a PHP customization.<\/p>\n<\/blockquote>\n","protected":false},"featured_media":0,"parent":330,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/331"}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/comments?post=331"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/331\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/330"}],"prev":[{"title":"Directory Starter parent theme","link":"https:\/\/wpgeodirectory.com\/docs-v2\/themes\/directory-starter\/","href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/docs\/333"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/media?parent=331"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs-v2\/wp-json\/wp\/v2\/doc_tag?post=331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}