Arlo - Portfolio WordPress Theme


First of all, Thank you so much for purchasing this template and for being our loyal customer. You are awesome!

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly.

A working version of WordPress.org must be installed before you can install the Arlo. If you need help installing WordPress, follow the WordPress Codex

Before using any theme, it is important to understand how native WordPress functions work, and how to establish ownership of your new site.

WordPress links you will find useful:

To use Arlo WordPress Theme, you must be running WordPress 4.9.5 or higher, PHP 5.6 or higher, Elementor Page Builder 2.0.3 or higher and mysql 5 or higher version. Below is a checklist of items your host needs to comply with to ensure proper Arlo operation:

There are two methods to install the theme. If the normal installation method (a) is not supported by your web host, you will have to use the alternate option (b).

a) Normal Installation
  1. Login to WordPress Admin and browse to Appearance > Themes.
  2. Click on the Add New Theme (or "Install Themes" tab for older versions) and click Upload.
  3. Browse your computer to select "arlo.zip" (it's in the zip file you downloaded from ThemeForest). Click "Install Now" button.
  4. Once it's uploaded, click the Activate link.
b) FTP Installation (alternate method)
  1. Use your FTP software to browse to wp-content/themes folder.
  2. Upload the arlo folder.
  3. Once it's uploaded, go to your WordPress Admin, browse to Appearance > Themes.
  4. Click the Activate link.
Important:   After activation, you will be presented with arlo-core plugin that you should activate. Do not forget to activate it or not all of the theme features will be available.
Note:   If you are migration from a theme which used the native featured images functionality of WordPress. Please use the Regenerate Thumbnails plugin to resize all the thumbnails. Click the link above and download the free plugin, and read through the steps it contains, it has all the information you need. Run it from Tools > Regen. Thumbnails.

PHP Configuration limits

Issues you may encounter, such as demo content fails when importing and similar issues, are generally related to excessively low PHP configuration limit settings. You can either increase these limits on your own, or contact your web host and ask to have the limits increased to the following minimums:

Verify your PHP limits

You can check them by installing the WordPress phpinfo() plugin and checking Settings. The first column refers to your installation value, and the second column refers to the limits of your host. The latter values are often lower if you have selected a cheaper hosting package.

You can always contact your host to ask what the current settings are, and have them adjusted if necessary. Some hosts will try to keep PHP limits low to conserve resources. Since are paying for those resources, you should rightfully expect to be getting your money’s worth.

Method 1: (Auto) One Click Demo Importer
Method 2: (Manually) with XML file

Demo Content Import (Method 2)

We highly recommend against using this method in production. Please only use on an extra copy for testing or experimenting. This method most likely will fail on shared web hosts. Uncheck "import attachments" option if it fails and try again.

  1. Install and Activate All Required Plugins


  2. Install Contact Form 7 (optional: if you want to import contact form)


  3. Install WooCommerce (optional: if you want to import products with their images)


  4. Go to Tools > Import > WordPress, install WordPress Importer and run it.


  5. Select necessary XML file for demo(located in the main zip file in "xml" folder) and upload XML file into the section where said: Choose a XML file for content import and click Import Demo Data.

    For example: For Personal - Bona Green Demo you must select "personal - Bona Green.xml" XML file.








  6. Please be patience as it will take quite some time. Do not interrupt it.
  7. Once it's done, go to Appearance > Menus > Manage Locations. Select "Main Menu" next to "Main Navigation".


  8. Go to Edit Menus on the same page, select "Main Menu (Main Navigation)" from menus to edit and click Select. Click to expand Features and select Mega Menu for Links under Mega Menu.


  9. Setup your homepage to "Main Homepage" in Settings > Reading > Your homepage displays and select A static page and choose Home Modern as homepage


  10. All Done.
Important:   Please do not import content on a WordPress installation that already has a lot of content. Or the very least, make a backup first. A catastrophic mess can be created.

In some cases you would like to remove demo content. You can remove all posts, pages, etc using WordPress Reset plugin. Be aware that this plugin resets the WordPress database back to it's defaults. Deletes all customizations and content. It does not modify files only resets the database.



  1. Portfolio Posts -> Add New
  2. Insert Title
  3. Insert Some Description (optional)
  4. Page Options:
    • Footer Options - You could enable/disable footer for a single post page.
    • Page Spacing - Set top and bottom space options.
  5. Attach your post to any category (Add some categories first, if you don't have any)
  6. Set Featured Image (Required) - This is used as Coverage of Post everywhere in the theme. (Suggested Minimal Image Size: 2000x2000)
  7. Publish :
    • Visibility (optional) - Change that option to Password protected if you want to hide your post from public
    • Click the "Publish" button
VIDEO TUTORIAL


Before setup portfolio page, we suggest you to add some portfolio posts.

First Step - See Below Image

  1. Pages > Add New
  2. Insert Title
  3. (Required) Choose "Portfolio Page" from Template, inside "Page Attributes" box.
  4. Page Options - Change these options as you wish
  5. Add Featured Image (optional)
  6. Click the "Publish" button

Creating home page is a simple process. Homepage is made with the help of our "FREL ELEMENTS" and "Elementor Page Builder" elements. Add any element to the page as you wish.

  1. Pages -> Add New
  2. Insert Title
  3. Switch to Elementor Page Builder
  4. Drag and Drop any Elements from FREL ELEMENTS or Elementor Elements
  5. Page Options - make changes as you wish
  6. Click the "Publish" button

After you create homepage:

  1. Settings -> Reading -> Front page displays
  2. Choose a "Static Page"
  3. set newly created "Home" page.
  4. Click "Save Changes" button

Set Blog Page

  1. Pages > Add New
  2. Insert Title
  3. (Required) Choose "Blog Page" from Template inside "Page Attributes" box.
  4. Page Options - Change these options as you wish
  5. Advanced Options - Change these options as you wish
  6. Add Featured Image (optional)
  7. Click the "Publish" button

Adding Posts

Adding a new post is the same way as default WordPress installations, however, there are extra options that might need explaining.

Featured Image

While the theme can function without featured images, it's highly recommended that you add a featured image to each post. This not only makes your site/blog more lively but also improves user experience.

To set the featured image, use the WordPress normal method.

doider help

Recommended Image Size (for Blog Posts)

Image size (dimensions) will depend on what type of layout you're using throughout your WordPress installation or per individual post basis. This image will not only be used on the post, but also on the category listing pages.

Supported Post Formats

Video Format

Setup your post normally and set a featured image. Copy the embed code of the video from YouTube, Vimeo or any other site that gives you video embed codes. Paste the code in the "Add Video" box.

Note:  Videos will be resized to fit the container so you can choose a larger embed format if the video site allows you to specify size/dimensions.

Gallery Format

  1. Click "Add Image" button
  2. Choose Images
  3. Click "Select" button

Audio Format

Audio post format supports only soundcloud audio. Insert audio url to input.

Image Format

Image format works very similar to a standard post. Just set a featured image and you're done.

The theme uses Gravatar to display users avatars . to craete or change your Gravatar :

If you have never setup a Gravatar account:
  1. Register / login to Gravatar. Upon registering, use the same email address that is associated with your WordPress User Profile.
  2. Upload your photo and associate it with that specific email address.

If you already registered at gravatar.com, follow these steps:
  1. Click on "My Gravatars" .
  2. click on "Add a New Email" .
  3. Then, you'll need to click on "Add a New Image" .
  4. Upload an image .
  5. Then select the email address, and then select your image from bottom. Now it's associated with that email address. Click Save .
  6. It will take about 5-10 minutes to propagate on the internet, and then will appear on site.

If you have imported demo content follow (a). Otherwise, follow (b) to create a new menu.

(a) Existing Menu

  1. Go to to Appearance > Menus.
  2. In the "Manage Locations" area, under Main Navigation, select Main Menu. Click Save.

(b) Creating a New Menu

  1. Go to to Appearance > Menus.
  2. Click on the + button or the create a new menu link. Enter a menu name and click Create Menu.
  3. Using the Custom Links and Pages boxes at the left, add items to the menu and drag/drop to arrange them.
  4. (optional) If you would like to use this menu in navigation, in the "Manage Locations" area, under Main Navigation, select your newly created menu. Click Save.
  5. Click Save Menu and that is all.

Mobile Menu either setup in above way. You just need to choose proper location.  There are two locations "Main Menu" and "Mobile Menu". That's it.

Theme comes with .po file included under the languages folder. To translate:

  1. Download and install Poedit.
  2. Open arlo.po file located here \wp-content\themes\arlo\languages\ using poedit tool and translate the existing text to your own
  3. Save the file with the locale (for example: ru_RU.po). If you have already setup WordPress in your language, you can get it from your wp-config.php file under, for example: define('WPLANG', 'ru_RU');. In this case, you would save your file as ru_RU.po.
  4. Step above should have generated a .po and a .mo file. Copy both these files and put them into the languages folder of the theme.
Your Language & Localization

After translating, you may wish to use the correct locale to translate and localize your WordPress installation completely. Refer to Installing WordPress In Your Language at WordPress Codex to learn how to.

#1. How to update the theme?
  1. Backup and Remove the old version of the theme from your dashboard.
  2. Download new version of the theme from https://themeforest.net/downloads and upload it to your dashboard. Make sure that you are using latest version.
  3. Remove “Arlo Core” plugin. Then, it appears as required plugin at the top of your dashboard. Re-install it.
Don't worry, all Theme Options will be saved.
#2. How to set elementor container width?

Go to Elementor - Settings. Open Style tab and set Content Width 1280. Set padding left and padding right of child section 15px.

#3. How to rewrite portfolio url?

In WP admin, Theme Options - Portfolio Page. Change portfolio slug.

#4. I'm having SSL (https://) problem on my website.

If you are having problem with SSL (https://), you haven’t configured your wordpress properly. Please, check below plugin to configure SSL (https://)

https://wordpress.org/plugins/really-simple-ssl/

#5. How to set up footer widget?
  1. In WP admin, Theme Options - Footer - Enable/Disable Widget. Set Enable.
  2. Go to the “Appearance – Widgets” on your dashboard.
  3. Add “Text” to "Footer Widget 1".
  4. Add “Frenify Business Hours” to "Footer Widget 2".
  5. "Navigation Menu" to "Footer Widget 3".

    For Navigation Menu you must have one more menu. In demo (http://frenify.com/envato/frenify/wp/arlo/1/) added two menus:

    • Main Menu - for desktop and mobile menus.
    • Helpful Menu - for Footer Widget 3
#6. I created pages but I’ve got 404 pages everywhere.

Go “Settings - Permalinks”, choose “Post Name” from Common Settings and push “Save Changes” button.

#7. How I can edit Portfolio Post with Elementor Page Builder?

Go “Dashboard - Elementor - Settings - General”, enable Portfolio Posts and push "Save Changes" button.

#8. Menu doesn't work in blog, portfolio posts and other pages.
  1. Go to Appearance > Menus
  2. Select main menu
  3. Add your website URL to ALL menu items as prefix

For example: your website URL ( http:://your-website.domain ). Your menu items should be as http:://your-website.domain/#arlo-about
#9. Social list is no more displaying after updating the theme to 2.0

It's because we have added unlimited Theme Options. Now you have unlimited options for social list too (eg.: size, icon or abbr, background type, round type, social list SORTING and so many social list).

To fix this issue go to Theme Options → Social List → List positions/switcher and enable your social media .

#10. What it means: "Warning! Update "Arlo Core" plugin." and how can I remove this message?

It's because we have added unlimited Theme Options. Now you have unlimited options for social list too (eg.: size, icon or abbr, background type, round type, social list SORTING and so many social list).

To fix this issue go to Theme Options → Social List → List positions/switcher and enable your social media .

Version 4.0 – August 05, 2021
  1. BIG CHANGES: Added One Click Demo Import functionality. See here
  2. Fixed: Albert Walkers Demo
  3. Fixed: Elementor issues
  4. Fixed: Demo link issues
  5. Added: Frenify Subscribers widget
Version 3.9 – June 14, 2021
  1. Fixed Elementor permalinks
Version 3.8 – May 25, 2021
  1. Fixed small bugs
Version 3.7 – April 21, 2021
  1. Fixed Some Widgets issues
Version 3.6 – April 06, 2021
  1. Fixed Minor issues
Version 3.5 – December 15, 2020
  1. Added: New Demo - Creative Portfolio #1 here
  2. Added: Video Integration for portfolio and blog posts to Split Screen Shortcode
  3. Added: Video Integration for portfolio and blog posts to Half Slider Shortcode
  4. Added: Video Integration for portfolio and blog posts to Interactive All Shortcode
  5. Fixed Some issues
Version 3.4 – December 10, 2020
  1. Fixed Some issues
Version 3.3 – December 02, 2020
  1. Added: New Demo - Travel 1
  2. Added new shortcodes
  3. Added new options to sidebar navigation
  4. Fixed Service Shortcode Responsive issue
  5. Fixed Some issues
Version 3.2 – November 20, 2020
  1. Added: New Demo - Business 1
  2. Added new features
  3. Fixed some issues
Version 3.1 – October 20, 2020
  1. Added: New Demo - Digital Agency 2
  2. Added new features
  3. Fixed some issues
Version 3.0 – October 01, 2020
  1. Added: New Demo - Digital Agency
  2. Added: now you can use special characters for portfolio categories in Portfolio Category Filter Shortcode
  3. Added: new layout for portfolio page
  4. Improved: overall php codes
  5. Fixed some issues
Version 2.9 – July 22, 2020
  1. Added About Page
  2. Added Contact Page
  3. Added new shortcode: About Service
  4. Added new shortcode: Portfolio Slider
  5. Added new shortcode: About Intro
  6. Added new layout (beta) to Team Member Shortcode
  7. Added new layout (gamma) to Personal Partners Shortcode
  8. Added new option to Video Button Shortcode
  9. Added some colors to Features Icon List shortcode
  10. Added some colors to Timeline Shortcode
  11. Added some colors to Useful Information Shortcode
  12. Fixed responsive issue in Service Numbered Shortcode
  13. Fixed some issues
Version 2.8 – July 09, 2020
  1. Added new Portfolio #2 (Grid) Layout
  2. Added new Portfolio #3 (Masonry) Layout
  3. Fixed console issue with preloader
  4. Fixed issue with Portfolio #1
  5. Now our online documentation, FAQ and changelog are available in your plugins page
Version 2.7 – July 07, 2020
  1. Added video integration into Split Screen shortcode
  2. Added video integration into Half Slider shortcode
  3. Fixed mobile dragging issue with Testimonial Carousel shortcode and some issue with its design
  4. Fixed mobile border issue with Intro Main Title shortcode
  5. Fixed arrow issue with Portfolio Single: Prev & Next shortcode
  6. Fixed vk share issue ( https://vk.com/ )
  7. Improved Project Team List shortcode: added hover image
  8. Fixed contact form 7 issue with our theme
  9. Improved Triple Blog Shadow and Triple Blog Shadow 2 shortcodes
Version 2.6 – July 06, 2020
  1. Added video integration into Interactive All → Interactive #1 layout
  2. Added video integration into Interactive All → Interactive #2 layout
  3. Added video integration into Interactive All → Interactive #3 layout
  4. Added video integration into Interactive All → Interactive #4 layout
  5. Added video integration into Interactive All → Interactive #5 layout
  6. Now Interactive All → Interactive #1 layout video starts at 0 after each hover
  7. Now Interactive All → Interactive #6 layout video starts at 0 after each hover
  8. Added a notification in case you forget to update the plugin for the stable operation of the theme.
Version 2.5 – July 03, 2020
  1. Added: new homepage - personal #5
  2. Added: new shortcodes
  3. Added: Korean/Chinese/Arabic and etc. languages support to Split Screen
  4. Added: new features
Version 2.4.1 – June 24, 2020
  1. Fixed: minor issues
Version 2.4 – June 23, 2020
  1. Added: new homepage
Version 2.3 – June 9, 2020
  1. Added: new homepage
Version 2.2.1 – May 21, 2020
  1. Added: new features
  2. Fixed: minor issues
Version 2.2 – May 20, 2020
  1. Added: new features
Version 2.1 – April 30, 2020
  1. Fixed: minor issues
Version 2.0 – April 23, 2020
  1. Added: new features
Version 1.9.1 – April 01, 2020
  1. Fixed: fixed issues
Version 1.9 – February 18, 2020
  1. Fixed: main color issues
  2. Fixed: firefox animation issue
  3. Fixed: logo issue
  4. Small bug fixes and stability improvements
Version 1.8 – January 27, 2020
  1. Added: background color for closer button to Theme Options
  2. Fixed: color options
  3. Fixed: text on portfolio posts on mobile phones
Version 1.7 – January 21, 2020
  1. Fixed: apple products logo issue
  2. Updated: Elementor version
Version 1.6 – January 17, 2020
  1. Fixed: preg_match issue
Version 1.5 – January 14, 2020
  1. Added new feature: Now you can change mobile menu all colors in Theme Options → Navigation → Mobile Navigation Colors
  2. Added new option to Hero Header Elegant Shortcode: Now you can change animation shape colors
  3. Fixed: Service Numbered Elegant Shortcode resize issue
  4. Small bug fixes and stability improvements
Version 1.4 – January 08, 2020
  1. Upgraded: Faster Performance and latest php(7) compability
Version 1.3 – December 26, 2019
  1. Updated: Documentation
  2. Fixed bug with the theme
Version 1.2 – December 24, 2019
  1. Added Homepage Glitch
  2. Added Homepage Water Effect
  3. Added Homepage Youtube Video
  4. Added Preloader (light/dark/disabled in theme options)
  5. Updated XML file
Version 1.1 – December 20, 2019
  1. Added New Homepages
  2. Updated XML file
Version 1.0 – December 20, 2019
  1. INITIAL RELEASE