Reland Documentation

Welcome to Reland

Thank you for choosing Reland! Reland is a real estate WordPress theme for Elementor, made for real estate agencies, property developers and single property projects.

It comes with 15 homepage demos, 16 inner pages, 50 custom Elementor widgets, a library of 122 ready-made blocks and pages, a header and footer builder, mega menus and full RTL and Arabic support. You don't need to write code: every step in this guide uses the WordPress dashboard and the Elementor visual editor.

Features

A quick look at what's inside Reland.

Requirements

Reland runs on any good WordPress hosting. Check that your server meets these values. If you're not sure, send this table to your hosting company.

Raising PHP limits

Most hosts let you change these values in their control panel (look for "PHP settings" or "PHP options"). If yours doesn't, add these lines to the php.ini file, or ask your host to do it:

memory_limit = 256M
max_execution_time = 120
max_input_vars = 3000

To raise the memory WordPress itself may use, add this line to wp-config.php, just above the line /* That's all, stop editing! */:

define( 'WP_MEMORY_LIMIT', '256M' );

What You Download

The one file you upload to WordPress is reland.zip. It's the theme, and it already contains the English and Arabic demo content. Elementor, Reland Core and the other plugins are installed from your dashboard in the next steps.

Live Demos

Home 01Classic

Home 02Classic

Home 03Classic

Home 04Classic

Home 05Classic

Home 06Classic

Home 07Classic

Home 08Side header, fullscreen

New

Home 09New in 2.0

New

Home 10New in 2.0

New

Home 11New in 2.0

New

Home 12New in 2.0

New

Home 13New in 2.0

New

Home 14Single property, one page

New

Home 15Single property

Install the Theme

There are two ways. The dashboard way is the easiest and works on almost every host.

From the WordPress dashboard

1. Open the theme uploaderGo to Appearance › Themes, click Add Theme, then click Upload Theme at the top.

   

2. Upload reland.zipClick Choose File, select reland.zip and click Install Now.
3. ActivateWhen you see "Theme installed successfully.", click Activate.

   

4. Continue with the pluginsWordPress now opens the Install Required Plugins screen. Go on to Install Plugins.

With FTP (if the upload fails)

1. Unzip reland.zip on your computer. You get a folder named reland.
2. Connect to your site with an FTP program (for example FileZilla) or your host's File Manager.
3. Upload the reland folder into wp-content/themes/.
4. Go to Appearance › Themes and click Activate on Reland.

Install Plugins

Reland needs two plugins and recommends three more. They're all free and install in one go. Right after you activate the theme, a notice lists them:

1. Open the installerClick Begin installing plugins in the notice, or go to Appearance › Install Plugins.

   

2. Install allTick the checkbox in the table header to select every plugin, choose Install under Bulk actions and click Apply.

   

3. Wait for the messageWhen it says "All installations have been completed.", click Return to Required Plugins Installer.

   

4. Activate allSelect all plugins again, choose Activate under Bulk actions and click Apply.

   

Import a Demo

One click makes your site look exactly like the live demo, with all its pages, images, menus, headers, footers and settings. Go to Reland Core › Demo Import.

1. Check the three tiles

The tiles at the top tell you if your site is ready. Click a tile to see the details.

• System Status tests your server. Green is fine, yellow works but is worth fixing, red stops the import. Each red or yellow row says how to fix it, then click Check Again.
• Plugins must say "5 of 5 ready". If a plugin is missing, click Install & Activate All.
• Demo Content shows how many items will be added.

2. Choose the language

Use the switch above the demos: English LTR or Arabic RTL. For an Arabic site, set your site language to Arabic first (see RTL & Arabic). If your site is in English and you pick an Arabic demo, the import window reminds you to change the language first.

3. Import

1. Pick a demoClick the eye icon to open its live preview, or click Import on the demo you like.

   

2. Choose what to bring inContent (pages, posts, projects, images, menus and forms) is always included. Keep Widgets and Theme settings ticked. Tick Use Home 0X as the front page to make this demo your homepage.

   

3. Start the importClick Start Import. Keep the tab open; you can keep working in another tab. On a normal host it takes about a minute.

   

4. DoneWhen you see "Your demo is ready", click View Your Site.

   

What the import does

• Adds all demo pages: the 15 homepages, the inner pages, blog posts, projects, team members, headers, footers, mega menus and contact forms.
• Downloads the demo images into your Media Library.
• Sets your homepage (if you ticked it) and the blog page "Our Blog".
• Puts the menu in the Main Menu location and fills the sidebar widgets.
• Brings in the demo's Elementor colors, fonts and settings.
• Turns on pretty links (/sample-page/) if your site still uses plain links.
• Removes WordPress's untouched sample content: the "Hello world!" post, the Sample Page, the draft Privacy Policy and Contact Form 7's "Contact form 1".

Safe to run again

Nothing on your site is replaced or duplicated. Your own pages, menus and settings stay as they are, and running the import again only adds what is missing. If the import stops halfway (for example, your connection drops), your progress is saved: click Continue Import, or open the page again later and continue from the banner.

Child Theme

Most people don't need a child theme: Elementor, the Customizer and Appearance › Customize › Additional CSS cover almost everything. Use one only if you plan to edit the theme's PHP or CSS files, so an update doesn't overwrite your changes.

1. Keep Reland installed. The child theme needs it.
2. Upload reland-child.zip the same way as the main theme and click Activate.
3. Import the demo after activating the child theme. WordPress stores Customizer settings per theme, so the demo's settings are then saved for the child theme.

Making your own instead? A child theme only needs a style.css with this header inside a folder such as wp-content/themes/reland-child/. Reland loads the child's style.css for you.

/*
Theme Name: Reland Child
Template: reland
Version: 1.0
*/

Reland Core Dashboard

All of Reland's tools live under Reland Core in your dashboard menu. The Dashboard page has shortcuts to the most used ones.

Homepage & Blog Page

After the import, all 15 homepages are pages on your site: Home One to Home Fifteen. To change which one opens first:

1. Go to Settings › Reading.
2. Under Your homepage displays, choose A static page.
3. Pick a page under Homepage (for example "Home Five") and keep "Our Blog" as the Posts page.
4. Click Save Changes.

   

Logo & Site Icon

Logo in the header

The demo headers are Elementor templates, and each one shows its logo with a Logo widget. To change it:

1. Go to Reland Core › Header & Footer and click Edit with Elementor on the header you use.
2. Click the logo, then under Choose Image pick or upload your logo. If the header is sticky, you can also set a Sticky Logo.
3. Click Publish. Do the same for the footer logo.

Logo in the theme's own header

When no Elementor header is assigned, Reland shows its built-in header. It uses the logo from Appearance › Customize › Site Identity › Logo. If none is set there, it uses Reland Customizer › Header Setting › Header Logo. Logo Size in Header Setting sets its width. The mobile menu shows the logo from Mobile Menu Setting, or the Site Identity logo when that one is empty.

Site icon (favicon)

The small icon in browser tabs is set in Appearance › Customize › Site Identity › Site Icon. Use a square image of at least 512 × 512 pixels.

Menus

Edit your navigation in Appearance › Menus. The demo menu is already in the Main Menu location, and the mobile menu copies it automatically.

1. Choose the menu at the top and add pages, posts or custom links from the left.
2. Drag items to reorder them. Drag an item slightly right to make it a sub item.
3. Click Save Menu.

Every menu item has a Reland Core box with extra options: an Icon, a small Badge such as "New", and on top-level items a mega menu (see Mega Menu).

Theme Options

Reland's options are in Appearance › Customize › Reland Customizer. Changes show in the live preview on the right; click Publish to save them.

The copyright text accepts simple HTML, and {year} is replaced by the current year automatically.

Colors & Fonts

Reland takes its colors and fonts from Elementor's Site Settings. Change a color or font there once and every page follows: Elementor pages, the blog, archives, the header and the footer.

1. Open any page with Elementor (Pages › Edit with Elementor).
2. Click the Elementor logo at the top left and choose Site Settings.
3. Open Global Colors, click a color and pick a new one.

   

4. Open Global Fonts to change the heading and body fonts.

   

5. Click Save Changes.

Reland's colors

Reland's fonts

In the Customizer, Color Setting and Typography Setting show a note with an Open Site Settings button that takes you to the same place.

Header & Footer

Design headers and footers with Elementor, then choose where they appear. Go to Reland Core › Header & Footer.

The cards at the top show what your site uses now. In the list, the Display column shows where each template appears, and the On/Off switch turns a template off without deleting it. Each row also has Edit with Elementor, settings, duplicate, preview and trash buttons.

Create a header

1. Click New Header and type a name.
2. In the Template Settings box, keep Template Type on Header.
3. Under Display On, choose where it shows. New headers start with "Entire Website". Add exclusions under Do Not Display On and limit it to visitors under Users if you need to.
4. Under Header Behaviour, choose any of these:
   • Transparent Header floats over the first section of the page.
   • Side Header is fixed on the left side on large screens.
   • Sticky Header stays at the top while scrolling. Choose the devices, a background color and whether it hides while scrolling down.

   

5. Click Publish, then Edit with Elementor, design the header and click Publish in Elementor.

   

Create a footer

Click New Footer. In Template Type choose Footer to replace the site footer, or Before Footer for a section shown above the footer, such as a call to action. Display rules work the same way as for headers.

Display rules

Custom blocks

Choose Custom Block as the Template Type to design a reusable section. Copy its shortcode from the Template Settings box and paste it into a page, a widget or Elementor's Shortcode widget:

[genixcore_template id="123"]

Mega Menu

A mega menu is a large dropdown you design with Elementor, with columns, links and images. Go to Reland Core › Mega Menu.

1. DesignClick New Mega Menu, give it a name and design it with Elementor. Click Publish.
2. AttachGo to Appearance › Menus and open a top-level menu item. In the Reland Core box, turn on Show a mega menu and choose your mega menu.
3. AdjustChoose Open On (Hover or Click) and the Width: the header container, full width, or a custom width with a position.

   

4. SaveClick Save Menu. The mega menu now opens from that item in the header.

Page Title & Breadcrumb

Inner pages open with a title band that shows the page title and a breadcrumb trail (for example Home › Contact). Reland calls this band the breadcrumb.

For the whole site

Go to Appearance › Customize › Reland Customizer › Breadcrumb Setting.

• Show Breadcrumb turns the band on or off on all pages. It's on by default.
• Breadcrumb Title switch shows or hides the title; Breadcrumb Info switch shows or hides the trail.
• Background Image sets a default background. Without one, the Background Gradient is used. With an image you also get Overlay Color, Overlay Opacity and Content Top Spacing.
• Padding, Title and Navigation set spacing, font size and colors.

For one page

When you edit a page, the Breadcrumb Settings box below the editor lets you hide the band (Breadcrumb: Hidden), hide only its background image, or upload a Custom Background Image for that page.

Blog

Blog options are in Appearance › Customize › Reland Customizer › Blog Setting.

The blog sidebar is filled in Appearance › Widgets › Blog Sidebar. Reland supports the image, video, audio, gallery and quote post formats; for video and audio, paste the media link in the Post Formatted box. The author box under a post appears when the author has filled in Biographical Info in their profile.

404 Page

This is what visitors see when a link is broken. Go to Reland Core › 404 Page and pick one of two options.

• Theme 404 Page: click Customize to change its background image, title and button text.
• Elementor 404 Page: click Create with Elementor, design the page and publish it. Then turn on Use on the whole site and choose a Layout: with your header and footer, or a full page. Turn the switch off to go back to the theme's page; your design is kept.

Projects & Post Types

Reland comes with Projects, and the demo adds Team. Manage them, and create your own content types, in Reland Core › Post Types.

Add a project

1. Go to Projects › Add New.
2. Add a title, text and a featured image.
3. Fill in the project fields below the editor: places, facts, photos, videos, features, nearby places, floor plans and downloads.
4. Choose its Status, Type and Location on the right, and click Publish.

Change a post type

Click Edit on a post type to change it:

• General: the plural and singular name, the URL Slug (for example properties instead of project) and the menu icon.
• Taxonomies: the ways to group posts (Projects use Status, Type and Location).
• Archive Page: the page that lists the posts, and how many per page.
• Single Post: the field set (Project or Team member) and the Elementor page used as the layout of each post.
• Multilingual: make the post type translatable with WPML, Polylang or TranslatePress.

To add your own content type, such as "Case Studies", click Add Post Type. The Post Type Key can't be changed later, so choose it carefully.

Contact Forms

Reland uses Contact Form 7. The demo forms are in Contact › Contact Forms.

1. Click a form to edit its fields.
2. Open the Mail tab and enter your email address in To. The import has already set the sender to your own domain.
3. Click Save.

To show a form on a page, add the Reland Contact Form widget in Elementor and choose the form. To put two fields side by side, wrap them in this div in the form editor. The widget's Stack Side-by-Side Fields option controls when they stack on small screens.

<div class="reland-cf7-row">
[text* your-name placeholder "Your Name"]
[email* your-email placeholder "Your Email"]
</div>

Sidebar & Footer Widgets

Sidebar widgets are managed in Appearance › Widgets.

• Blog Sidebar shows on the blog, archives, single posts, search results and pages using the "Page Sidebar" template.
• Footer widget no. 1 to no. 4 fill the columns of the built-in footer. Set the number of columns in Customizer › Footer Settings › Widget Number.
• Reland adds three widgets: Reland Info, Reland CTA Widget and Reland Sidebar Posts.

Editing Pages

Every page in the demo is built with Elementor, so you edit text, images and layout visually.

1. Go to Pages, open a page and click Edit with Elementor.

   

2. Click any text, image or section on the page and change it in the panel on the left.

   

3. Use the device buttons at the top to adjust the tablet and mobile view.
4. Click Publish (or Update) to save.

Reland Widgets

Reland adds 50 widgets to Elementor. Find them in the Reland Addons category of the panel; each one has a small Reland badge. Drag a widget onto the page to use it.

Turn widgets on or off

In Reland Core › Widgets you can switch off the widgets you don't use. Switched-off widgets load no CSS or JavaScript, which keeps your pages lighter. New widgets that arrive with updates are switched on automatically.

Extra controls

Reland also adds controls to Elementor's Advanced tab, marked with a "TG" badge: Scroll Animation, Custom Position, Parallax, Jarallax Background and Custom CSS. The icon picker gets three extra libraries: Reland Icons, Icomoon Icons and Genix Icons.

Template Library

Insert any of 108 ready-made blocks or 14 full pages in one click, with images included.

1. Open the libraryIn Elementor, go to the "Drag widget here" area at the bottom of the page and click the round Reland button. Its tooltip says "Reland Templates".

   

2. Find a templateChoose Blocks or Pages at the top, pick a category on the left (Hero, About, Projects, Team…) or search.

   

3. PreviewClick the eye icon to see a live preview. Switch between desktop, tablet and mobile at the top.

   

4. InsertClick Insert. The template is placed where you opened the library, and its images are added to your Media Library.

RTL & Arabic

Reland fully supports right-to-left languages and comes with a complete Arabic demo. WordPress decides the direction from your site language, and Reland loads its RTL styles automatically.

1. Set the languageGo to Settings › General, choose العربية (Arabic) under Site Language and click Save Changes. Do this before importing.

   

2. Import the Arabic demoOn the Demo Import page, the Arabic demo is now selected by default. Import as usual.

If you pick the Arabic demo while your site is still in English, the import window reminds you to change the language first:

Translation

Reland is translation ready and ships with Arabic. Text on your pages is edited directly in Elementor; the files below translate the fixed texts of the theme and the plugin, such as "Read More" or "Search Results for".

With Loco Translate (easiest)

1. Install and activate the free Loco Translate plugin.
2. Go to Loco Translate › Themes › Reland and click New language.
3. Choose your language, choose the System location (so updates don't remove it) and start translating.
4. Do the same for Reland Core under Loco Translate › Plugins.

Building a multilingual site? Reland's post types work with WPML, Polylang and TranslatePress; turn on Translatable in each post type's settings.

Updating Reland

Update the theme

1. Download the latest reland.zip the same way you did the first time.
2. Go to Appearance › Themes › Add Theme › Upload Theme, choose the file and click Install Now.
3. WordPress sees that Reland is already installed. Click Replace current with uploaded.

Your pages, settings and Customizer options stay as they are. Changes made inside the theme's files are lost, which is why a child theme exists.

Update Reland Core

Reland Core updates appear on the Plugins page. Automatic updates are off on purpose. When you click update, Reland Core asks you to confirm that you have a recent backup: tick I have a recent backup of this site and click Update Now.

Reset the Site

Want to start over? Reset clears your site without reinstalling WordPress. Delete only the parts you choose, such as the demo posts and their images, or take the whole site back to a fresh WordPress. Go to Reland Core › Reset.

Reset only what you choose

1. Tick what to deleteKeep Choose what to reset selected and tick the parts you want to delete. Each row shows how many items it holds. The Summary on the right lists your choice.

   

2. Images too?For posts, pages, projects and other content, tick Also delete their images to remove their featured images and the images used inside them. An image that is still used anywhere else is kept.
3. ReviewClick Review & Reset. Nothing is deleted yet: the window shows exactly how many items will go.
4. ConfirmTick I have a backup, or I don't need this data any more, type reset and click Reset Now.

   

Everything you didn't tick stays as it is. Here is what each part does:

Full reset

Full reset takes your site back to a fresh WordPress, like a new install, without logging you out. Choose Full reset, check what will be deleted and kept, then click Review & Reset and confirm the same way.

Deleted: all posts, pages, projects and templates, the Media Library, menus, categories, tags, comments, widgets, theme settings, Elementor Site Settings, other users, and every plugin's settings and data in the database.

Kept:

• Your account: username, password and email.
• Site title, tagline and address.
• Language, timezone and date format.
• Permalink format.
• Theme and plugin files: nothing is uninstalled.

Three options below the lists:

• Keep Reland as the active theme is on by default. Turn it off to switch to the default WordPress theme.
• Keep my plugins active is on by default. Turn it off to deactivate the other plugins; Reland Core always stays on.
• Delete uploaded files empties wp-content/uploads, so no old files are left behind.

When it finishes, the page reloads and says "Your site is fresh again". Click Import a Demo to start building again.

How it works

• Nothing is deleted until you confirm. You see the exact numbers first.
• The reset runs in small steps with a progress ring, so large sites don't time out. Keep the tab open until it finishes.
• If the connection drops, nothing is lost. Click Continue to carry on where it stopped. If you closed the page, a banner offers Continue or Discard when you come back.
• Only administrators can open the Reset page.
• Theme and plugin files are never deleted.

Speed Tips

• Switch off the Reland widgets you don't use in Reland Core › Widgets. They then load no CSS or JavaScript.
• Use a caching plugin, such as LiteSpeed Cache on LiteSpeed hosting or WP Rocket elsewhere.
• Upload images in the size you need, and serve them as WebP. An image optimization plugin can convert them for you.
• Run your site on PHP 8.2 or newer.
• Remove plugins you no longer use.

Troubleshooting

The most common questions and their fixes.

Support

Can't find the answer here? We're happy to help with questions, bugs and installation.

To help us help you faster, include your site address, what you did, what you expected, and a screenshot. Your WordPress and PHP versions are in Tools › Site Health › Info.

Support covers using the theme and fixing bugs. Need custom design or development work? Our team is available for hire; ask us on the same page.

Changelog

Credits

Reland is built with these great open-source projects: