{"id":1788,"date":"2021-11-02T15:27:01","date_gmt":"2021-11-02T09:27:01","guid":{"rendered":"https:\/\/directorist.com\/documentation\/?page_id=1788"},"modified":"2024-03-20T15:04:28","modified_gmt":"2024-03-20T09:04:28","slug":"drealestate","status":"publish","type":"page","link":"https:\/\/directorist.com\/documentation\/drealestate\/","title":{"rendered":"dRealEstate"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<p><strong>Welcome to the documentation part of dRealEstate theme. This documentation is created to make things easier for you. Let&#8217;s start with the Requirements:<\/strong><\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading alignfull\" id=\"requirements\">1 | Requirements<\/h2>\n\n\n\n<p>To use dRealEstate theme, you need to use at least WordPress version 4.5+ installed for this theme to work properly. It is strongly recommended that you always use the latest stable version of WordPress to ensure all known bugs and security issues are fixed. Other requirements:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PHP version 7.2 or greater. But for maximum speed gain we recommend you to use PHP version 7.4.<\/li>\n\n\n\n<li>MySQL version 5.6 or greater OR MariaDB version 10.0 or greater.<\/li>\n\n\n\n<li>WordPress memory limit of 512 MB or greater.<\/li>\n<\/ul>\n\n\n\n<p><strong>Server Requirements: <\/strong><a href=\"https:\/\/make.wordpress.org\/hosting\/handbook\/handbook\/server-environment\" target=\"_blank\" rel=\"noopener\">https:\/\/make.wordpress.org\/hosting\/handbook\/handbook\/server-environment<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installation\">2 | Theme Installation<\/h2>\n\n\n\n<p>Once you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>FTP Upload:<\/strong>&nbsp;Using your FTP client, upload the non-zipped theme folder into the \/wp-content\/themes\/ directory on your server.<\/li>\n\n\n\n<li><strong>WordPress Upload:<\/strong>&nbsp;Navigate to&nbsp;<strong>Appearance -&gt; Themes -&gt; Add New -&gt; Upload<\/strong>. Go to browse, and select the zipped theme folder. Hit &#8220;Install Now&#8221; and the theme will be uploaded and installed.<\/li>\n<\/ul>\n\n\n\n<p>Once the theme is uploaded, you need to activate it. Go to&nbsp;<strong>Appearance -&gt; Themes<\/strong>&nbsp;and activate your chosen theme.<\/p>\n\n\n\n<p>After that you need to install and activate the following pre-packaged plugins:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Directorist<\/strong>:&nbsp;Required and must install plugin. For more details: <a href=\"https:\/\/directorist.com\/documentation\/directorist\/\" target=\"_blank\" rel=\"noreferrer noopener\">Docs<\/a><\/li>\n\n\n\n<li><strong>Elementor:<\/strong> Required and must install plugin.<\/li>\n\n\n\n<li><strong>WpWax Demo Importer<\/strong>:&nbsp;Install if you want to import demo contents. You can deactivate it after demo is imported.<\/li>\n\n\n\n<li><strong>Directorist &#8211; Business Hour<\/strong>s:\u00a0Install if you want to use business hours features. For more details: <a href=\"https:\/\/directorist.com\/documentation\/extensions\/business-hours\/\" target=\"_blank\" rel=\"noreferrer noopener\">Docs<\/a><\/li>\n\n\n\n<li><strong>Directorist &#8211; Listings with Map<\/strong>: Install if you want to use the map features. For more details: <a href=\"https:\/\/directorist.com\/documentation\/extensions\/listings-with-map\/overview-4\/\" target=\"_blank\" rel=\"noreferrer noopener\">Docs<\/a><\/li>\n\n\n\n<li><strong>Directorist &#8211; Social Login<\/strong>: Install if you want to use the social login  features. For more details: <a href=\"https:\/\/directorist.com\/documentation\/extensions\/social-login\/overview-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Docs<\/a><\/li>\n\n\n\n<li><strong>Directorist &#8211; Pricing Plans<\/strong>: Install if you want to use the pricing plan features. For more details: <a href=\"https:\/\/directorist.com\/documentation\/extensions\/pricing-plans\/configuring-checkout-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\">Docs<\/a><\/li>\n\n\n\n<li><strong>Directorist &#8211; PayPal Payment Gateway<\/strong>: Install if you want to use the PayPal Payment Gateway features. For more details: <a href=\"https:\/\/directorist.com\/documentation\/extensions\/paypal-payment-gateway\/paypal-payment-gateway\/\" target=\"_blank\" rel=\"noreferrer noopener\">Docs<\/a><\/li>\n\n\n\n<li><strong>Directorist &#8211; Stripe Payment Gateway<\/strong>: Install if you want to use the Stripe Payment Gateway features. For more details: <a href=\"https:\/\/directorist.com\/documentation\/extensions\/stripe-payment-gateway\/stripe-payment-gateway\/\" target=\"_blank\" rel=\"noreferrer noopener\">Docs<\/a><\/li>\n\n\n\n<li><strong>Directorist &#8211; <strong>Booking<\/strong><\/strong>: Install if you want to use the booking\/reservation features. For more details: <a href=\"https:\/\/directorist.com\/documentation\/extensions\/directorist-booking\/installation-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Docs<\/a><\/li>\n\n\n\n<li><strong>Directorist &#8211; Listings FAQs<\/strong>: Install if you want to use the FAQs features. For more details:&nbsp;<a href=\"https:\/\/directorist.com\/documentation\/extensions\/faqs\/listing-faqs\/\" target=\"_blank\" rel=\"noreferrer noopener\">Docs<\/a><\/li>\n\n\n\n<li><strong>Directorist &#8211; Compare Listings<\/strong>: Install if you want to use the Compare Listings features.<\/li>\n\n\n\n<li><strong>Contact Form 7<\/strong>: Install if you want to use contact form.<\/li>\n\n\n\n<li><strong>MC4WP: Mailchimp for WordPress<\/strong>: Install if you want newsletter functionality.<\/li>\n<\/ol>\n\n\n\n<p><strong>N.B:<\/strong>&nbsp;All plugins must be installed and activated if you want your site to look exactly like the demo.<\/p>\n\n\n\n<p>To install these plugins, navigate to&nbsp;<strong>Appearance -&gt; Install Plugins<\/strong>&nbsp;and start the installation.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1740\" height=\"307\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/tgm-and-direcotirst-plugin-installtion-message.png\" alt=\"\" class=\"wp-image-1677\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/tgm-and-direcotirst-plugin-installtion-message.png 1740w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/tgm-and-direcotirst-plugin-installtion-message-300x53.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/tgm-and-direcotirst-plugin-installtion-message-1024x181.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/tgm-and-direcotirst-plugin-installtion-message-768x136.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/tgm-and-direcotirst-plugin-installtion-message-1536x271.png 1536w\" sizes=\"auto, (max-width: 1740px) 100vw, 1740px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1912\" height=\"433\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/tgm.png\" alt=\"\" class=\"wp-image-1680\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/tgm.png 1912w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/tgm-300x68.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/tgm-1024x232.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/tgm-768x174.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/tgm-1536x348.png 1536w\" sizes=\"auto, (max-width: 1912px) 100vw, 1912px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1889\" height=\"601\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/directorist-extension.png\" alt=\"\" class=\"wp-image-1679\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/directorist-extension.png 1889w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/directorist-extension-300x95.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/directorist-extension-1024x326.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/directorist-extension-768x244.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/directorist-extension-1536x489.png 1536w\" sizes=\"auto, (max-width: 1889px) 100vw, 1889px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"demo-import\">3 | Importing Demo contents<\/h2>\n\n\n\n<p>Want to build your site like the demo? You can do it with only one click!<\/p>\n\n\n\n<p class=\"has-vivid-red-color has-text-color\"><em><strong>** Note: Before proceeding, please remember that when you are done with the demo import, all existing settings and contents will be removed and replaced by the demo contents. So it is highly recommended that you should only do this on a fresh site. **<\/strong><\/em><\/p>\n\n\n\n<p>First please make sure that all pre-packaged plugins are activated on your site.<\/p>\n\n\n\n<p>From Admin menu, navigate to&nbsp;<strong>Tools -&gt; Demo Content Install<\/strong>. Or alternatively, navigate to&nbsp;<strong>Plugins -&gt; WpWax Demo Importer -&gt; Install Demo Contents<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1919\" height=\"507\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/demo-import.png\" alt=\"\" class=\"wp-image-1362\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/demo-import.png 1919w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/demo-import-300x79.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/demo-import-1024x271.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/demo-import-768x203.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/demo-import-1536x406.png 1536w\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" \/><\/figure>\n<\/div>\n\n\n<p>On this page, click on the&nbsp;<strong>Install<\/strong>&nbsp;button for installing the demo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"398\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_18-1024x398.png\" alt=\"\" class=\"wp-image-1794\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_18-1024x398.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_18-300x117.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_18-768x298.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_18-1536x597.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_18.png 1822w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It will take some time for importing the demo contents.<\/p>\n\n\n\n<p>After importing demo data, please update your permalink. To update permalink, navigate to&nbsp;<strong>Settings -&gt; Permalink<\/strong>&nbsp;and then click on&nbsp;the <strong>Save Settings<\/strong>&nbsp;button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_1-1-1024x478.png\" alt=\"\" class=\"wp-image-1796\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_1-1-1024x478.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_1-1-300x140.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_1-1-768x359.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_1-1-1536x717.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_1-1.png 1790w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><em>If you face any issue in the demo installation process please check the Troubleshooting Section(13) from&nbsp;<a href=\"#installation-failed\" data-type=\"URL\">here<\/a><\/em><\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"listing-setup\">4 | Listing Setup<\/h2>\n\n\n\n<p>We are using plugin&nbsp;<strong>Directorist \u2013 Business Directory Plugin<\/strong>&nbsp;here for Listing functionalities, so you can check the plugin documentation and tutorials from the plugin website. <\/p>\n\n\n\n<p><strong>Here&#8217;s the documentation link: <\/strong><a href=\"https:\/\/directorist.com\/documentation\/directorist\/\">https:\/\/directorist.com\/documentation\/directorist\/<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"colors\">5.1 | Sitewide Colors<\/h2>\n\n\n\n<p>From Admin menu, navigate to&nbsp;<strong><em>Appearance -&gt; Theme Options<\/em><\/strong>. Then go to&nbsp;the <strong><em>Colors<\/em><\/strong>&nbsp;tab.<\/p>\n\n\n\n<p>Either select a predefined color scheme or pick your preferred primary color from the color palette. Also from here, you can change colors for various parts of the site.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"908\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/sidewide-colors.png\" alt=\"\" class=\"wp-image-1390\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/sidewide-colors.png 1920w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/sidewide-colors-300x142.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/sidewide-colors-1024x484.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/sidewide-colors-768x363.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/sidewide-colors-1536x726.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n<\/div>\n\n\n<p>After changing the settings, click on&nbsp;the <strong><em>Save Changes<\/em><\/strong>&nbsp;button.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"logo\">5.2 | Logo<\/h2>\n\n\n\n<p>From Admin menu, navigate to&nbsp;<strong><em>Appearance -&gt; Theme Options<\/em><\/strong>. Then go to&nbsp;the <strong><em>General<\/em><\/strong>&nbsp;tab.<\/p>\n\n\n\n<p>From here you can upload your main logo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"385\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_2-1-1024x385.png\" alt=\"\" class=\"wp-image-1797\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_2-1-1024x385.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_2-1-300x113.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_2-1-768x289.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_2-1-1536x578.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_2-1.png 1899w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After changing the settings, click on&nbsp;the <strong><em>Save Changes<\/em><\/strong>&nbsp;button.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"favicon\">5.3 | Favicon<\/h2>\n\n\n\n<p>Favicon is the little icon that you see at the address bar of your browser.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"259\" height=\"35\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_4-1.png\" alt=\"\" class=\"wp-image-1798\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_4-1.png 259w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_4-1-255x35.png 255w\" sizes=\"auto, (max-width: 259px) 100vw, 259px\" \/><\/figure>\n\n\n\n<p>To set this, from the Admin menu navigate to&nbsp;<strong><em>Appearance -&gt; Customize<\/em><\/strong>&nbsp;link.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"161\" height=\"254\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/customize.png\" alt=\"\" class=\"wp-image-1547\" style=\"width:260px;height:410px\" \/><\/figure>\n<\/div>\n\n\n<p>Then navigate to&nbsp;<strong><em>Site Identity<\/em><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"342\" height=\"254\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/side-indentity.png\" alt=\"\" class=\"wp-image-1395\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/side-indentity.png 342w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/side-indentity-300x223.png 300w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><\/figure>\n\n\n\n<p>From there you can upload the &#8220;Site Icon&#8221; which will be used as a favicon<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"344\" height=\"544\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_3-1.png\" alt=\"\" class=\"wp-image-1799\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_3-1.png 344w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_3-1-190x300.png 190w\" sizes=\"auto, (max-width: 344px) 100vw, 344px\" \/><\/figure>\n\n\n\n<p>For more details, here&#8217;s the WordPress official instruction link for setting up favicon:&nbsp;<a target=\"_blank\" href=\"https:\/\/codex.wordpress.org\/Creating_a_Favicon#WordPress_Version_4.3_or_later\" rel=\"noreferrer noopener\">https:\/\/codex.wordpress.org\/Creating_a_Favicon<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"preloader\">5.4 | Preloader<\/h2>\n\n\n\n<p>From Admin menu, navigate to&nbsp;<strong><em>Appearance -&gt; Theme Options<\/em><\/strong>. Then go to&nbsp;the <strong><em>General<\/em><\/strong>&nbsp;tab<\/p>\n\n\n\n<p>Here you can find the option for enabling\/disabling the &#8220;Preloader&#8221; option. Also, you can upload your custom preloader image. When uploading an image please make sure it&#8217;s a transparent GIF image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"388\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_5-1-1024x388.png\" alt=\"\" class=\"wp-image-1800\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_5-1-1024x388.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_5-1-300x114.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_5-1-768x291.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_5-1-1536x582.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_5-1.png 1899w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After changing the settings, click on&nbsp;the <strong><em>Save Changes<\/em><\/strong>&nbsp;button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"header\">5.5 | Header<\/h2>\n\n\n\n<p>To change the Header related settings, please go to&nbsp;<strong><em>Appearance -&gt; Theme Options<\/em><\/strong>. Then go to&nbsp;the <strong><em>Header<\/em><\/strong>&nbsp;tab. Following features are available:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>There are several Header Layouts. You can choose your preferred layout from here.<\/li>\n\n\n\n<li>You have options to enable\/disable Header Search.<\/li>\n\n\n\n<li>You have options to enable\/disable Header Account.<\/li>\n\n\n\n<li>You have options to enable\/disable Add Listing Button.<\/li>\n\n\n\n<li>You can also define the minimum width from which mobile menu will be activated.<\/li>\n\n\n\n<li>You have options to change the Banner related settings globally, you can override this settings from Layout Defaults Option<em>(<a href=\"#layout\">#6<\/a>)<\/em>&nbsp;and individual pages<em>(<a href=\"#layout-settings-for-individual-page\">#7<\/a>)<\/em>&nbsp;as well<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"651\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_6-1-1024x651.png\" alt=\"\" class=\"wp-image-1801\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_6-1-1024x651.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_6-1-300x191.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_6-1-768x488.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_6-1-360x230.png 360w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_6-1-255x162.png 255w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_6-1.png 1455w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After changing the settings please click on&nbsp;the <strong><em>Save Changes<\/em><\/strong>&nbsp;button.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"menu\">5.6 | Menu<\/h2>\n\n\n\n<p>You can create menus from&nbsp;<strong><em>Appearance -&gt; Menus<\/em><\/strong>&nbsp;Page. This is standard WordPress functionality. To display any menu on-site header, please select the menu location as &#8220;Primary&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"772\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/menu.png\" alt=\"\" class=\"wp-image-1401\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/menu.png 1920w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/menu-300x121.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/menu-1024x412.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/menu-768x309.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/menu-1536x618.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>After changing the settings please click on&nbsp;the <strong><em>Save Menu<\/em><\/strong>&nbsp;button.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"multi-column-menu\">5.7 | Multi Column Menu<\/h2>\n\n\n\n<p>The multi-column menu looks like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"406\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_7-1-1024x406.png\" alt=\"\" class=\"wp-image-1802\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_7-1-1024x406.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_7-1-300x119.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_7-1-768x305.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_7-1-1536x609.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_7-1.png 1899w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>To make any menu item multi-column, you have to add some specific classes in the parent menu item. Here&#8217;s an example:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"772\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/add-these-classes.png\" alt=\"\" class=\"wp-image-1487\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/add-these-classes.png 868w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/add-these-classes-300x267.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/add-these-classes-768x683.png 768w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure>\n<\/div>\n\n\n<p>Here I used the CSS class&nbsp;<strong>multi-column-menu<\/strong>&nbsp;which turns the submenu items into <strong>Multi Column<\/strong>. Also, I used another class&nbsp;hide-header&nbsp;which hides the title &#8220;Listings&#8221; and &#8220;Archives&#8221; inside the menu.<\/p>\n\n\n\n<p>NB: If you can&#8217;t see the field &#8220;CSS Classes&#8221;, you have to enable it first. To do this, go to the top and follow this screenshot below:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1746\" height=\"341\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/screen-options-1.png\" alt=\"\" class=\"wp-image-1489\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/screen-options-1.png 1746w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/screen-options-1-300x59.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/screen-options-1-1024x200.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/screen-options-1-768x150.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/screen-options-1-1536x300.png 1536w\" sizes=\"auto, (max-width: 1746px) 100vw, 1746px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"footer\">5.8 | Footer<\/h2>\n\n\n\n<p>To change the footer settings, navigate to&nbsp;<strong><em>Appearance -&gt; Theme Options<\/em><\/strong>. Then go to&nbsp;the <strong><em>Footer<\/em><\/strong>&nbsp;tab. It looks like this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1917\" height=\"717\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/footer.png\" alt=\"\" class=\"wp-image-1405\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/footer.png 1917w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/footer-300x112.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/footer-1024x383.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/footer-768x287.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/footer-1536x574.png 1536w\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" \/><\/figure>\n<\/div>\n\n\n<p>After changing the settings, click on&nbsp;the <strong><em>Save Changes<\/em><\/strong>&nbsp;button.<\/p>\n\n\n\n<p>To set up footer widgets, navigate to&nbsp;<strong><em>Appearance -&gt; Widgets<\/em><\/strong>. Here you can find available footer widget areas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"521\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_8-1-1024x521.png\" alt=\"\" class=\"wp-image-1803\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_8-1-1024x521.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_8-1-300x153.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_8-1-768x391.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_8-1-1536x782.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_8-1.png 1833w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"typography\">5.9 | Typography<\/h2>\n\n\n\n<p>You can change the typography of the Body and Headers. To do this, go to&nbsp;Appearance -&gt; Theme Options. Then go to&nbsp;the <strong><em>Typography<\/em><\/strong>&nbsp;tab.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1899\" height=\"883\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/typo.png\" alt=\"\" class=\"wp-image-1408\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/typo.png 1899w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/typo-300x139.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/typo-1024x476.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/typo-768x357.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/typo-1536x714.png 1536w\" sizes=\"auto, (max-width: 1899px) 100vw, 1899px\" \/><\/figure>\n<\/div>\n\n\n<p>After changing the Typography settings, click on&nbsp;the <strong><em>Save Changes<\/em><\/strong>&nbsp;button.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"layout\">6 | Layout Settings<\/h2>\n\n\n\n<p>From here you can set default layouts for pages, blogs, posts, etc. You can find these settings on&nbsp;<strong>Appearance -&gt; Theme Options&nbsp;<\/strong>and then&nbsp;the <strong><em>Layout Defaults<\/em><\/strong>&nbsp;tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"499\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_9-1-1024x499.png\" alt=\"\" class=\"wp-image-1804\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_9-1-1024x499.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_9-1-300x146.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_9-1-768x374.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_9-1-1536x748.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_9-1.png 1879w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"layout-settings-for-individual-page\">7 | Layout Settings for Individual Page<\/h2>\n\n\n\n<p>You can override the above settings for Individual Pages. When you go to&nbsp;Add New&nbsp;or&nbsp;Edit&nbsp;page, you can find similar settings like above under the &#8220;Layout Settings&#8221; box. If you change any settings from here, this will take priority. If you choose to default, settings from the&nbsp;<strong><em>Theme Options -&gt; Layout Defaults<\/em><\/strong>&nbsp;(described above) will be used.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"920\" height=\"288\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_10-1.png\" alt=\"\" class=\"wp-image-1805\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_10-1.png 920w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_10-1-300x94.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_10-1-768x240.png 768w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"blog\">8 | Blog Settings<\/h2>\n\n\n\n<p>Navigate to&nbsp;<strong><em>Appearance -&gt; Theme Options<\/em><\/strong>. Then go to&nbsp;the Blog Settings&nbsp;tab. From here you can change Blog\/Archive-related settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"392\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_11-1-1024x392.png\" alt=\"\" class=\"wp-image-1806\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_11-1-1024x392.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_11-1-300x115.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_11-1-768x294.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_11-1-1536x588.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_11-1.png 1904w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After changing the settings, click on&nbsp;the <strong><em>Save Changes<\/em><\/strong>&nbsp;button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"post\">9 | Post Settings<\/h2>\n\n\n\n<p>Navigate to&nbsp;<strong><em>Appearance -&gt; Theme Options<\/em><\/strong>. Then go to&nbsp;the <strong><em>Post Settings<\/em><\/strong>&nbsp;tab. From here you can change settings for a single post.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_12-1-1024x505.png\" alt=\"\" class=\"wp-image-1807\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_12-1-1024x505.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_12-1-300x148.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_12-1-768x379.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_12-1-1536x758.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_12-1.png 1871w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After changing the settings, click on&nbsp;the <strong><em>Save Changes<\/em><\/strong>&nbsp;button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"error\">10 | Error Page Settings<\/h2>\n\n\n\n<p>Navigate to&nbsp;<strong><em>Appearance -&gt; Theme Options<\/em><\/strong>. Then go to&nbsp;the Error Page Settings&nbsp;tab. From here you can change settings for the error page.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1899\" height=\"707\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/error-page.png\" alt=\"\" class=\"wp-image-1421\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/error-page.png 1899w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/error-page-300x112.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/error-page-1024x381.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/error-page-768x286.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/08\/error-page-1536x572.png 1536w\" sizes=\"auto, (max-width: 1899px) 100vw, 1899px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"elementor\">11 | Elementor Widgets<\/h2>\n\n\n\n<p>Elementor Page Builder has a lot of built-in widgets by default. But for your convenience, we&#8217;ve created several custom Elementor Widgets that you can use in your website and extend website functionality. You can find them under&nbsp;the <strong><em>THEME ELEMENTS<\/em><\/strong>&nbsp;section on Elementor edit mode.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"610\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_13-1.png\" alt=\"\" class=\"wp-image-1808\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_13-1.png 297w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_13-1-146x300.png 146w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"translating\">12.1 | Translating Theme<\/h2>\n\n\n\n<p>You can translate this theme to another language easily. You have to translate several things for your website to work properly:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Theme: dRealEstate<\/strong><\/li>\n<\/ul>\n\n\n\n<p>There are many tools available for translation. But the easiest way is to use plugin &#8220;<strong>Loco Translate<\/strong>&#8220;. Using this plugin, you can literally translate any WordPress themes or plugins if it supports translation.<\/p>\n\n\n\n<p><strong>&#8212; Here&#8217;s a step by step tutorial about translating any themes and plugins using &#8220;Loco Translate&#8221;:<\/strong><\/p>\n\n\n\n<p><strong><u>Step 1:<\/u><\/strong>&nbsp;Install and activate plugin &#8220;Loco Translate&#8221;.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1715\" height=\"434\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/loco0.png\" alt=\"\" class=\"wp-image-1691\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/loco0.png 1715w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/loco0-300x76.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/loco0-1024x259.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/loco0-768x194.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/10\/loco0-1536x389.png 1536w\" sizes=\"auto, (max-width: 1715px) 100vw, 1715px\" \/><\/figure>\n<\/div>\n\n\n<p><strong><u>Step 2:<\/u><\/strong>&nbsp;Select the Theme or Plugin you want to translate from the &#8220;Loco Translate&#8221; menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"380\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_14-1-1024x380.png\" alt=\"\" class=\"wp-image-1809\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_14-1-1024x380.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_14-1-300x111.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_14-1-768x285.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_14-1-1536x570.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_14-1.png 1901w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><u>Step 3:<\/u><\/strong>&nbsp;Click on&nbsp;the <strong><em>New language<\/em><\/strong>&nbsp;link.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"227\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_15-1.png\" alt=\"\" class=\"wp-image-1810\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_15-1.png 634w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_15-1-300x107.png 300w\" sizes=\"auto, (max-width: 634px) 100vw, 634px\" \/><\/figure>\n\n\n\n<p><strong><u>Step 4:<\/u><\/strong>&nbsp;Select your preferred language, and also select your location as &#8220;System&#8221;. Then click on the &#8220;Start Translating&#8221; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"513\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_16-1.png\" alt=\"\" class=\"wp-image-1811\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_16-1.png 926w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_16-1-300x166.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_16-1-768x425.png 768w\" sizes=\"auto, (max-width: 926px) 100vw, 926px\" \/><\/figure>\n\n\n\n<p><strong><u>Step 5:<\/u><\/strong>&nbsp;Click on the &#8220;Sync&#8221; button for the first time. Then start translating strings like the image below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"603\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_17-1-1024x603.png\" alt=\"\" class=\"wp-image-1812\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_17-1-1024x603.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_17-1-300x177.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_17-1-768x452.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_17-1.png 1508w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Here&#8217;s a quick video tutorial about how to use&nbsp;<strong>Loco Translate<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Translate WordPress Theme and Plugins With LOCO Translate 2.0\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/3Fohy96uSzY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"update\">12.2 | Updating Theme<\/h2>\n\n\n\n<p>Occasionally we provide updates that include new features and bug fixes. Updating the WordPress theme is standard WordPress functionality.<\/p>\n\n\n\n<p class=\"has-vivid-red-color has-text-color\"><strong><u>Before Updating Theme<\/u><\/strong>:<\/p>\n\n\n\n<p class=\"has-vivid-red-color has-text-color\">** Before updating please make sure to keep a backup of your installed theme and plugins to be on the <em><strong>safe side.<\/strong><\/em><\/p>\n\n\n\n<p>You can use this plugin to keep the backup:&nbsp;<a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wp-theme-plugin-download\/\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/wp-theme-plugin-download\/<\/a><\/p>\n\n\n\n<p>There are few ways to update the WordPress theme. You can follow any of the methods described below:<\/p>\n\n\n\n<p><strong><u>Method 1: By Uploading zip File<\/u><\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From WordPress Admin Panel, Navigate to&nbsp;<strong>Appearance -&gt; Themes<\/strong>.<\/li>\n\n\n\n<li>Now you have to upload the updated theme zip file. To do this, Navigate to&nbsp;<strong>Appearance -&gt; Themes -&gt; Add New -&gt; Upload<\/strong>. Go to browse, and select the zipped theme folder. Hit &#8220;Install Now&#8221;<\/li>\n\n\n\n<li>Then click on  <strong>&#8220;Replace current with uploaded&#8221;<\/strong> and the theme will be uploaded and installed.<\/li>\n<\/ol>\n\n\n\n<p><strong><u>Method 2: By FTP<\/u><\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Using your FTP client, navigate to &#8220;\/wp-content\/themes\/&#8221; folder on your server and delete the &#8220;drealestate&#8221; folder from there.<\/li>\n\n\n\n<li>Now upload the latest non-zipped theme folder into that &#8220;\/wp-content\/themes\/&#8221; folder .<\/li>\n<\/ol>\n\n\n\n<p><strong>Method 3: By Directorist Subscription Panel<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From WordPress Admin Panel, Navigate to&nbsp;<strong>Directory Listings -&gt; Themes &amp; Extensions<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_19-1024x506.png\" alt=\"\" class=\"wp-image-1813\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_19-1024x506.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_19-300x148.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_19-768x379.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_19-1536x759.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_19.png 1864w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-vivid-red-color has-text-color\"><strong><u>After Updating Theme<\/u><\/strong>:<\/p>\n\n\n\n<p class=\"has-vivid-red-color has-text-color\"><em><strong>** After updating the theme please update all plugins which come with the theme.<\/strong><\/em><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installation-failed\">13.1 | Demo Content installation failed<\/h2>\n\n\n\n<p>This is a hosting issue. In most hostings, demo installation will work fine. But some hostings block certain permissions which may cause this issue. If this happens to you, you can contact your hosting provider or alternatively send a support request to&nbsp;support@wpwax.com&nbsp;and we will help you to fix this.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"404-error-in-all-pages\">13.2 | 404 Error in all pages<\/h2>\n\n\n\n<p>If you face this type of issue, please update your permalink. To update permalink, navigate to&nbsp;<strong>Settings -&gt; Permalink<\/strong>&nbsp;and then click on&nbsp;the <strong>Save Settings<\/strong>&nbsp;button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_1-2-1024x478.png\" alt=\"\" class=\"wp-image-1814\" srcset=\"https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_1-2-1024x478.png 1024w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_1-2-300x140.png 300w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_1-2-768x359.png 768w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_1-2-1536x717.png 1536w, https:\/\/directorist.com\/documentation\/wp-content\/uploads\/sites\/5\/2021\/11\/Screenshot_1-2.png 1790w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"contact\">14 | Contact<\/h2>\n\n\n\n<p>If you face any issues, please, feel free to contact us at:&nbsp;<a href=\"https:\/\/directorist.com\/contact\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/directorist.com\/contact\/\" rel=\"noreferrer noopener\">https:\/\/directorist.com\/contact\/<\/a> <\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to the documentation part of dRealEstate theme. This documentation is created to make things easier for you. Let&#8217;s start with the Requirements: 1 | Requirements To use dRealEstate theme, you need to use at least WordPress version 4.5+ installed for this theme to work properly. It is strongly recommended that you always use the [&hellip;]<\/p>\n","protected":false},"author":5557,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"martplace-templates\/single-product.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1788","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/pages\/1788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/users\/5557"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/comments?post=1788"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/pages\/1788\/revisions"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/media?parent=1788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}