Logo

Freehold - Theme Documentation

By Progression Studios

Thank you for purchasing this theme. If you have questions that are beyond the scope of this help file, visit our support forum.

Theme Preview

Theme Installation


You can install Themes directly to WordPress by using the Add New Themes option in the Appearance sub-menu.

  1. Log in to the WordPress Administration Dashboard.
  2. Select the Appearance panel, then Themes.
  3. Select Add New.
  4. Then Select Upload Theme.
  5. You can then Install your Theme and Activate it.

Theme Install


Recommened Plugins

After installing your theme, you will be prompted to install a set if additional plugins. Click on the "Begin Installing Plugins" text link to install the plugins.

You will then view the "Install Required Plugins" page. You can also reach this page under Appearance > Install Plugins. You can select all the items and Bulk Install the plugins or install the plugins one at a time.

Note: We strongly recommend installing theses upon the initial installation. You can also deactivate and remove any plugins later on.


Adding New Themes Manually (FTP)

To add a new Theme to your WordPress installation, follow these basic steps:

  1. Download the Theme archive and extract the files it contains. You may need to preserve the directory structure in the archive when extracting these files. Follow the guidelines provided by your Theme author.
  2. Using an FTP client to access your host web server, create a directory to save your Theme in the wp-content/themes directory provided by WordPress. For example, a Theme named Test should be in wp-content/themes/test. Your Theme may provide this directory as part of the archive.
  3. Upload the Theme files to the new directory on your host server.

Import Demo Content


You can import the demo content under Appearance > Import Demo Data. Click "Import Demo Data" and wait until the importer notifies you the import is completed.

If the import times out or does not finish, you can run the importer again. Running the importer mulitple times may duplicate your menu items. If you run the importer again, make sure to delete any navigation menus under Navigation > Menus.



Theme Options


You can easily customize your the theme options under Appearance > Customize. This includes theme colors, fonts, and more!


Changing the Logo

You can easily adjust the logo in the Theme Customizer(Appearance > Customizer) under section "Header" and sub-section "Logo".

To change your logo, click "Change Image" and choose your new logo. Make sure to adjust the "Logo Width" to match your logo.


Customizing Navigation Fonts & Colors

You can easily adjust the navigation colors in the Theme Customizer(Appearance > Customizer) under section "Header" and sub-section "Navigation".


Header Top


We do have an option header top which can display widgets or menu's. You can turn this on/off in the Theme Customizer(Appearance > Customizer) under section "Header" and sub-section "Top Header Options".


Top Left Text/Contact Information

You can add your top left contact information under Apperance > Widgets.

Disable: To remove the top left text area, just remove the widgets.


Top Right Social Icons

You can add your top right contact information under Apperance > Customize > Header Social Icons.


Disable the Header Top Completely

You can disable the header top on all pages in the Theme Customizer(Appearance > Customizer) under section "Header" and sub-section "Top Header Options".


Tablet/Mobile Display for Header Top

By default the header top area is disabled on tablet and mobile. You can this in the Theme Customizer(Appearance > Customizer) under section "Header" and sub-section "Tablet/Mobile Header Options".


Properties


You can manage and create portfolio items under the custom post type "Properties". To add new items, just click "Add New".


Adding a Featured Image

Just click "Add Media" and upload the image. Then click "Set Featured Image" and select your image. The last step is to click "Use as featured image". See the example below.


Creating a List of Properties Posts

You can create a list of property posts using the page builder element "Property List". You can drag this onto any page using the page builder.


Property Options

You can adjust your property options under Apperance > Customize > Property.


Page Builder


This theme is powered by the page builder "Elementor". We also have a page builder add-on called "Boosted Elements".

Check out the Boosted Elements documentation here: http://boosted.progression-studios.com/documentation/


Using the Page Builder

You can edit pages in the page builder by clicking the "Edit with Elementor" button.

From there you can add new Elements or editing elements by clicking on them. Just select an element and then the panel on the left will display options:


Adding Elements

You can add new elements by clicking the icon. From there you get a list of elements. Choose any element and drag it onto your page where you want it


Adding Pre-Saved Templates

We have saved all the tempaltes from the live preview for you. In addition there are many other templates available that can be be used to re-create various pages or sections of the site. Click on the templates library button to open the layout options:

Templates can be used to re-create various pages or sections of the site. Click on the layouts button to open the layout options:

Then click on the "My Templates" tab in order to see all the built-in templates.


Page Options/Sidebar

You have additional page options at the bottom which can be used to adjust the sidebar display and header display.

You can turn on the sidebar while editing any page under "Page Settings" at the bottom.


Homepage Slider


If you imported the demo data, you will already have your homepage slider setup using the page builder.

You can edit your Slider under Elementor > My Templates

Then hover over the "Property Slider – Freehold" template and click "Edit with Elementor".

From here you can edit the slider like any other page builder element. If you need help using the page builder, check out the Page builder section of the documentation.


Switch Slider Page Builder Element

You can switch which page builder element you are using for the s lider bey editing the page and scrolling down to "Page Options".


Agents


Freehold has the ability to set property agents and create lists of agents. Each agent is a "User" that is set as a Author, Admin, or Contributor. You can manage your agents Information under Users in the sidebar. Just hover over your agent and click edit to manage.


Custom Agent Image

If you would like a custom agent image, you can usee the plugin "Simple Local Avatars". It will add an option to upload an agent image instead of using the default WordPress Gravatar.

https://wordpress.org/plugins/simple-local-avatars/


Assign Agent to Property

You can assign your agent to a property while editing your property. Just scroll to the bottom and select the "Author".


Remove Agent from Property Post

You can hide the agent from any property while editing the property. Check the option "Disable Agent" to have no agent assigned to yoru property


Create Agents List

You can create a list of agents on any page using the page builder element "Agent List".

Contact Form


The contact forms are powered by the plugin Contact Form 7. It has many additional options which you can find in the full Contact Form 7 documentation here: https://contactform7.com/docs/

The contact forms are managed under "Contact" in your WordPress Dashboard. From there you can edit the existing contact forms by hovering of them.


Adding Contact Form to any Page:

You can add Contact Forms onto any page using the Contact Form 7 page builder element

Blog/News


The blog is managed under "Posts" in WordPRess:


Adding an Excerpt (Summary text on index)

You can control which text displays on the index. This is what we use in the live preview to display a snippet of text on the post list.

On the post edit screen, click on the screen options tab on the top right and then select excerpt.

This will display an excerpt meta box below your post editor. You can now add any text in this box, and it will be used as the excerpt for the post.


Altnerative to Excerpt: Adding the 'Continue Reading' Button (Cut-off content on index)

By default the blog-posts on the blog index will display all content. If you want to cut-off the blog-post on the index earlier, you will use the "Insert More" tag. The information above the break will be displayed on the Blog Index and all other information will be displayed on the post page. You can find the button for in default text editor as shown in the example.


Adding a Featured Image

Just click "Add Media" and upload the image. Then click "Set Featured Image" and select your image. The last step is to click "Use as featured image". See the example below.

Google Maps Key


As of June 22, 2016 Google has started to require an API key to use Google Maps on your site. Don't worry as this is still free. You just need to register with Google and get a free API key. Then paste the key into our theme.

Step 1) Register and get an API Key here: https://developers.google.com/maps/documentation/javascript/get-api-key


Google Map Key


Step 2) Login to your WordPress site and add your API key into your theme customizer. (Appearance > Customize > Google Maps)


Google Maps

Translate & Customize


This theme is ready to be translated to any language. The easiest way to translate is via a Translation WordPress Plugin. Check out wordpress.org for a list of translation plugins. Our current recommendation is the plugin Loco Translate

You can learn more about translating WordPress via the Translating WordPress Documentation.


Need to support Multiple Languages?

Here are some of the Multilingual WordPress Plugins that will allow you to add multiple languages:

  1. Manage multilingual posts in one post per language (e.g. WPML - paid, xili-language, Polylang or Bogo). Translations are then linked together, indicating that one page is the translation of another.
  2. Store all languages alternatives for each post in the same post (e.g. qTranslate).
  3. Manage translations on the generated page instead of using a post context (e.g. Transposh and Global Translator)
  4. Plugins that direct you to external translation services (e.g. Google AJAX Translation)
  5. Plugins like Multisite Language Switcher, Multilingual Press, and Zanto, link together separate WordPress network (multisite) installations for each language by pinging back and forth.

Missing Font Characters

If you notice any font characters missing, you will need to select additional Font Subsets. You can manage this under Appearance > Customize under the Typography tab.

Note: Some fonts do not support all font sub-sets. If your font does not support your language, you will need to choose another font that supports your font characters.


Customizations


Any questions regarding customizations of themes are not included in theme support. It is up to the buyer to make any necessary customizations they need. If you would like to hire us for custom development, please contact here: http://progressionstudios.com/contact/

If you have questions that are beyond the scope of this help file, visit our support forum.


Tips on Customizing CSS

If the customization you want to change isn't listed in the Theme Customizer, check the style.css file. We have a table of contents at the top that points out all of the sections within theme. You can also look-up styles using FireBug for FireFox or Safari/Chrome Inspector. This will allow you to edit additional places within the theme.

How to use Inspector for Safari & Chrome to look-up styles in the style.css file: https://www.youtube.com/watch?v=nOEw9iiopwI