Important
Since Locations is a Directory child theme, all functionality is provided by the parent theme. Once you install Locations (using instructions provided below) please open the Directory theme guide. That is the place where you’ll find instructions on how to setup your site.
Theme Installation
Installing Directory
Because the Locations child theme is powered by Directory, you will have to install Directory in order to use the child theme. For Directory installation instructions watch the video below.
Quick note: The video will instruct you to activate Directory as the last step of installation process. Feel free to skip that part (just install Directory, don’t activate it).
Installing Locations
With Directory installed you’re ready to move onto the Locations child theme. Follow these steps to load the child theme and complete the installation process
- Login to Templatic member area and download the Locations child theme. You’ll find it inside the Directory Downloads ⇨ Directory Child Themes section. Click on the section to reveal the download links.
- Open your WordPress dashboard and navigate to Appearance ⇨ Themes ⇨ Add Themes ⇨ Upload. Load the .zip file you downloaded a few moments ago.
- Activate the theme once the installation process is done.
- Click on the Insert Sample Data button to quickly populate your site with relevant content. We highly recommend doing this as it makes getting to know the theme much easier.
Frequently Asked Questions specific to Locations
How to setup Locations so it looks like the demo site?
The quickest way to do this is to load the sample data from Appearance ⇨ Themes. Click on the big blue Insert sample data button to load the sample content. The content added to your site consists not only of listings, post and pages, but also widgets. Once you click on that sample data button your homepage should transform into one that looks very close to our demo.
Can’t load sample data?
If for some reason you can’t rely on sample data to populate the homepage with widgets, here’s a list widgets and widget areas that make up the homepage.
| Widget area | Widgets placed inside it |
|---|---|
| Header | T – Search by Address (shows on click) |
| Homepage Slider | T – Homepage map – multi city |
| Homepage – Main Content | T- All Categories List, T – Homepage Display Posts |
| Homepage Sidebar | T – Advertisements, T – Recent Reviews, T – Popular Posts |
| Footer | T – Newsletter, T – Social Media |
How to have the home page map like demos?
There is a grey effect on the home map. It can be given by using Map Customizer plugin. After you install & activate this plugin, there are some settings required to make it look like demos site. See here for the exact settings.
How to make my navigation menu appear in two rows?
Menu items in Locations are automatically organized in new rows. By default, 5 menu item fit inside one row; meaning the 6th item added inside the menu will go inside the new row. Good news is that you can have more than 2 rows (just keep adding items). One thing worth noting is that introducing a third row will move the logo off-center.
For general instructions on creating custom menus watch this video.
What is the perfect size for the logo?
The default logo size is 237×86 pixels. Ideally, that’s the size you should use for your own logo as well. However… the theme will work with smaller/larger logos as well.
How to set a custom background?
The background in Locations can be changed from the Appearance ⇨ Customize section. When you open the section, expand the Background Settings area, click on No Image and then on the select a file link. Locate an image on your hard drive and upload it. Once the upload is done tweak the available options (repeat, position, etc) and hit the Save & Publish button at the top.
Quick Tip: Use FullHD images (width = 1920px) for the background image. An image of that size should look good on the majority of screen sizes.
Why aren’t colors in my theme showing up as they do on the demo?
Theme activation process can mess up the colors a bit on certain servers (we’re not sure why). If your theme colors don’t look normal (for example, the header is purple instead of white) follow these steps to fix the issue
- Connect to your server via FTP
- Navigate to /wp-content/themes/Directory/library/css and open the admin_style.css file
- Delete all contents of that file
- Save the progress and upload the file
If that doesn’t help please submit a thread inside the forums, we’ll take a closer look.
How to change the orange “Featured” tag?
The easiest way to change that tag is to place the following code inside Appearance ⇨ Custom CSS Editor.
.featured_tag {
background-color: #ffcc00;
color: #545b60;
}
The “background-color” property controls the color of the strip while the “color” controls te color of the font. Use the following site to quickly obtain color codes.