{"id":1945,"date":"2025-05-22T18:15:05","date_gmt":"2025-05-22T17:15:05","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/?post_type=gd_place&#038;p=1945"},"modified":"2025-10-06T10:11:00","modified_gmt":"2025-10-06T09:11:00","slug":"bricks-geodirectory-remote-templates","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/builders\/bricks-geodirectory-remote-templates\/","title":{"rendered":"Bricks + GeoDirectory Remote Templates"},"content":{"rendered":"\n<p>This is a quick tutorial on how to import and setup our Bricks template <a href=\"https:\/\/n7dcyg6k.mygeodirectory.com\/\">https:\/\/n7dcyg6k.mygeodirectory.com\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-blockstrap-blockstrap-widget-heading mb-3\">Required Plugins<\/h2>\n\n\n\n<div class=\"wp-block-blockstrap-blockstrap-widget-alert d-flex align-items-center fade show alert alert-info mb-3\" role=\"alert\"><span class=\"fas fa-info-circle me-2\"><\/span><span class=\"flex-grow-1\">Bricks theme with a valid license is a requirement.<\/span><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>GeoDirectory (inserting dummy data first will help)<\/li>\n\n\n\n<li>GeoDirectory Location Manager (if not installed, you will need to alter some templates)<\/li>\n\n\n\n<li>UsersWP <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-blockstrap-blockstrap-widget-heading mb-3\">Enable Bricks Code Execution <\/h2>\n\n\n\n<p><strong><em>Bricks &gt; Settings &gt; Custom Code &gt; Code Execution &gt; Enable<\/em><\/strong><\/p>\n\n\n\n<p>This is required to compile some of the CSS variables.<\/p>\n\n\n\n<h2 class=\"wp-block-blockstrap-blockstrap-widget-heading mb-3\">Import Templates<\/h2>\n\n\n\n<div class=\"wp-block-blockstrap-blockstrap-widget-alert d-flex align-items-center fade show alert alert-info mb-3\" role=\"alert\"><span class=\"fas fa-info-circle me-2\"><\/span><span class=\"flex-grow-1\">Templates can be imported in BULK via ZIP or via remote templates individually.<\/span><\/div>\n\n\n<a  href=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/10\/templates-2025-10-06.zip\" class=\"btn btn-primary block-77dm8yyho2\"><i class=\"fas fa-download me-2\"><\/i>templates-2025-10-06.zip<\/a> \n\n\n<p><br>For remote templates, go to <strong>Bricks &gt; Settings &gt; Templates &gt; Remote templates<\/strong><br>Name: <strong>GeoDirectory<\/strong><br>URL: <a href=\"https:\/\/n7dcyg6k.mygeodirectory.com\/\"><strong>https:\/\/n7dcyg6k.mygeodirectory.com\/<\/strong><\/a><br>Password: (no password required)<\/p>\n\n\n\n<h2 class=\"wp-block-blockstrap-blockstrap-widget-heading mb-3\">Import Theme Styles<\/h2>\n\n\n\n<div class=\"wp-block-blockstrap-blockstrap-widget-alert d-flex align-items-center fade show alert alert-warning mb-3\" role=\"alert\"><span class=\"fas fa-exclamation-triangle me-2\"><\/span><span class=\"flex-grow-1\">When importing templates via remote templates, it may ask you to import theme styles, for some reason this fails and you should do this step manually to ensure they import correctly.<\/span><\/div>\n\n\n\n<p>Edit any template to get into the Bricks editor. Once there, click the <strong>Settings Icon in the top bar<\/strong> and go to <strong>Theme Styles<\/strong>.  If you have &#8220;Global Styles&#8221; already there you should delete it.<\/p>\n\n\n\n<p>Click the + Icon and import the file below. Once imported, click save.<\/p>\n\n\n<a  href=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/bricks-theme-style-global_styles.json\" class=\"btn btn-primary block-pw5a9b8jsh\"><i class=\"fas fa-download me-2\"><\/i>bricks-theme-style-global_styles.json<\/a> \n\n\n<h2 class=\"wp-block-blockstrap-blockstrap-widget-heading mb-3\">Fix Header Styles<\/h2>\n\n\n\n<p>The header template has some custom CSS that for some reason (let us know if you have a solution) needs to enable code execution.<\/p>\n\n\n\n<p>Edit the header template, in the right sidebar click the first section and then &#8220;<strong>custom css<\/strong>&#8220;<\/p>\n\n\n<figure class=\"  embed-has-action overflow-hidden mb-3 \" style=\" \"><img loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"220\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/Header-Template-05-22-2025_05_43_PM.png\" class=\"mw-100 w-100 embed-item-cover-xy \" alt=\"\" \/><\/figure>\n\n\n<p>Enable Code Execution and Save.<\/p>\n\n\n<figure class=\"  embed-has-action overflow-hidden mb-3 \" style=\" \"><img loading=\"lazy\" decoding=\"async\" width=\"583\" height=\"352\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/Header-Template-05-22-2025_05_46_PM.png\" class=\"mw-100 w-100 embed-item-cover-xy \" alt=\"\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/Header-Template-05-22-2025_05_46_PM.png 583w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/Header-Template-05-22-2025_05_46_PM-300x181.png 300w\" sizes=\"auto, (max-width: 583px) 100vw, 583px\" \/><\/figure>\n\n\n<p>This should now have fixed the CSS issues.<\/p>\n\n\n\n<h2 class=\"wp-block-blockstrap-blockstrap-widget-heading mb-3\">Setup Homepage<\/h2>\n\n\n\n<div class=\"wp-block-blockstrap-blockstrap-widget-container mb-3 bg-image-fixed list-group list-group-flush list-group-numbered\">\n<div class=\"wp-block-blockstrap-blockstrap-widget-container mb-3 bg-image-fixed list-group-item\">\n<p>Enable WP Page editing with Bricks.  Bricks &gt; Settings &gt; General &gt; Post types &gt; <strong>Enable Pages<\/strong> and Save.<\/p>\n\n\n<figure class=\"  embed-has-action overflow-hidden mb-3 \" style=\" \"><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"204\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/Settings-\u2039-Bricks-Import-site-for-me-\u2014-WordPress-05-22-2025_05_53_PM.png\" class=\"mw-100 w-100 embed-item-cover-xy \" alt=\"\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/Settings-\u2039-Bricks-Import-site-for-me-\u2014-WordPress-05-22-2025_05_53_PM.png 570w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/Settings-\u2039-Bricks-Import-site-for-me-\u2014-WordPress-05-22-2025_05_53_PM-300x107.png 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-blockstrap-blockstrap-widget-container mb-3 bg-image-fixed list-group-item\">\n<p>Make sure you imported the Homepage template using one of the above methods.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-blockstrap-blockstrap-widget-container mb-3 bg-image-fixed list-group-item\">\n<p>Create a new WordPress page, call it &#8220;Homepage&#8221; and edit it with Bricks. Click the Templates icon in the top bar.  From here you can either import the homepage template via remote templates or the one you already imported locally.  Once imported, remember to save.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-blockstrap-blockstrap-widget-container mb-3 bg-image-fixed list-group-item\">\n<p>Head to WP Settings &gt; Reading &gt; Set your Hompage to the page template you just created.<\/p>\n\n\n<figure class=\"  embed-has-action overflow-hidden mb-3 \" style=\" \"><img loading=\"lazy\" decoding=\"async\" width=\"591\" height=\"340\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/Reading-Settings-\u2039-Bricks-Import-site-for-me-\u2014-WordPress-05-22-2025_05_58_PM.png\" class=\"mw-100 w-100 embed-item-cover-xy \" alt=\"\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/Reading-Settings-\u2039-Bricks-Import-site-for-me-\u2014-WordPress-05-22-2025_05_58_PM.png 591w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/Reading-Settings-\u2039-Bricks-Import-site-for-me-\u2014-WordPress-05-22-2025_05_58_PM-300x173.png 300w\" sizes=\"auto, (max-width: 591px) 100vw, 591px\" \/><\/figure><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-blockstrap-blockstrap-widget-heading mb-3\">Setup Blog Page<\/h2>\n\n\n\n<div class=\"wp-block-blockstrap-blockstrap-widget-alert d-flex align-items-center fade show alert alert-info mb-3\" role=\"alert\"><span class=\"fas fa-info-circle me-2\"><\/span><span class=\"flex-grow-1\">This is the same process as the homepage setup above, except you use the &#8220;Block Archive&#8221; template and Set it as the Blog page.<\/span><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-blockstrap-blockstrap-widget-heading mb-3\">Setup Page Conditions<\/h2>\n\n\n\n<p>Use the screenshot below to set the correct page conditions for each template.<\/p>\n\n\n<figure class=\"overflow-hidden aui-gallery mb-3 \" style=\" \"><a href=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/My-Templates-\u2039-Cracka-Test-Site-\u2014-WordPress-05-22-2025_06_03_PM.png\" class=\" embed-has-action  aui-lightbox-image position-relative\"><img loading=\"lazy\" decoding=\"async\" width=\"1185\" height=\"838\" src=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/My-Templates-\u2039-Cracka-Test-Site-\u2014-WordPress-05-22-2025_06_03_PM.png\" class=\"mw-100 w-100 embed-item-cover-xy \" alt=\"\" srcset=\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/My-Templates-\u2039-Cracka-Test-Site-\u2014-WordPress-05-22-2025_06_03_PM.png 1185w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/My-Templates-\u2039-Cracka-Test-Site-\u2014-WordPress-05-22-2025_06_03_PM-300x212.png 300w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/My-Templates-\u2039-Cracka-Test-Site-\u2014-WordPress-05-22-2025_06_03_PM-1024x724.png 1024w, https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/05\/My-Templates-\u2039-Cracka-Test-Site-\u2014-WordPress-05-22-2025_06_03_PM-768x543.png 768w\" sizes=\"auto, (max-width: 1185px) 100vw, 1185px\" \/><i class=\"fas fa-search-plus w-auto h-auto\"><\/i><\/a><\/figure>","protected":false},"excerpt":{"rendered":"<p>This is a quick tutorial on how to import and setup our Bricks template https:\/\/n7dcyg6k.mygeodirectory.com\/ Bricks &gt; Settings &gt; Custom Code &gt; Code Execution &gt; Enable This is required to compile some of the CSS variables. For remote templates, go to Bricks &gt; Settings &gt; Templates &gt; Remote templatesName: GeoDirectoryURL: https:\/\/n7dcyg6k.mygeodirectory.com\/Password: (no password required) Edit [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[],"article\/categories":[211,436],"class_list":["post-1945","gd_place","type-gd_place","status-publish","hentry","gd_placecategory-tips-tricks-more","gd_placecategory-builders"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/1945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"author":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/comments?post=1945"}],"version-history":[{"count":2,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/1945\/revisions"}],"predecessor-version":[{"id":2166,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/1945\/revisions\/2166"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=1945"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=1945"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=1945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}