Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to publish your question here. Thanks so much!
To help us with theme FREE updates with new features please take 1 min to leave stars rating for this theme on ThemeForest if you like it, we'll appreciate it:
Please go to Themeforest login and navigate to your account.
Click Downloads link and you will see your purchases list:
Click stars around our theme to leave stars rating:
Thanks! This little thing will help us to release new theme updates!
If you don't like something in our theme or have some problems, please contact us and we will fix your issue and will help you! We are always welcome for your advices how to improve our theme.
Because the BM PageBuidler plugin and page/post option will not work with block editor for now. We disable the block editor of WordPress 5.0.x by default. If you want use the block editor, please install/activate the Classic Editor plugin(Appearance > Install Plugins).
To use a WordPress theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please refer to the WordPress Codex here
Extract the package file
After extract the main zip file, you'll see these folders and files:
arnold.zip - Arnold theme installable file
documentation folder - help file
arnold-child.zip - Child theme installable file
plugins folder - The plugins install file
demo-data folder - XML format demo data files
Install theme file
This template works well for WordPress 4.6.x - 5.0.x, update yours if needed.
Installing the theme can be done in 3 ways. You can upload the theme ZIP file using the built in WordPress theme upload, or copy the files through an FTP client.
Be sure to extract the file "arnold.zip" from the ThemeForest download before uploading. Using the ThemeForest ZIP file directly will result in a "Missing Style Sheet" error.
Login to your WordPress admin.
In the "Appearance > Themes" menu click the tab "Install Themes".
At the top of the page click, "Upload", then click the file input to select a file.
Select the zipped theme file, "arnold.zip", and click "Install Now".
After installation you will receive a success message confirming your new install.
Click the link "Activate".
Login to your FTP server and navigate to your WordPress themes directory.
Normally this would be "wp-content/themes".
Extract folder "arnold" from the zipped theme.
Copy the folder "arnold" to your themes directory.
After the files finish uploading, login to your WordPress admin.
In the "Appearance" menu click "Themes".
Click "Activate" for the theme "Arnold Lightweight Portfolio WordPress Theme".
After activating the theme, you would notice the message box on the top of admin pages to ask you install/activate some plugins, you could use them for free or cancel the messages. Include:BM Pagebuilder, BM Shortcodes, Contact Form 7, Rotating Tweets (Twitter widget and shortcode) ...
Click Begin installing plugins in this message.
You could check all required plugins, they are optional. You could install/activate what you need:
Note: Please install/activate the BM Pagebuilder and BM Slider plugin before import demo data.
Not all plugins are necessary. If you don't need contact form, you will not insltall Contact form 7.
Import Demo Data
Go to Appearance > Theme Options > Import Demo Data, click "Import Demo Data". After importing data, you'll find the images of demo data are placeholder, you could replace them as yours later.
For WooCommerce demo data, please install the "Product Import Export for WooCommerce" plugin(get it here), go to WooCommerce > Product Im-Ex, click "Import Projucts". Choose the "woocommerce-product.csv"(get it here).
When you finish the demo data importing, please update the google font data(Appearance > Theme Options > Font Settings):
To set up logo for your website, you need to:
Go to the WordPress Admin Dashboard.
Go to "Appearance > Theme Options" (on left sidebar).
Go to Theme Options > General Settings > Logo section, here you could upload a logo image or input logo text.
The recommended logo image size is less than 240px(width) * 120px(hight) in on header, this is the container size. If you want the logo be displayed clearly on retina screens, you need to upload a double size image logo(e.g. 480px x 320px).
The predefined colour scheme for your website, please go to ThemeOptions > Schemes
There are many detail colour setting options for every scheme, you could define your own style base on the given scheme setting. Click on the small icon "?" on the right side description for every item to learn detail explanation for the option.
To set up the homepage, you need to create a page which you want to use it as homepage, after that, go to Settings > Reading , activate A static page (select below) , select the page from Front page: drop-down menu.
4. Generate New Thumbs for This Theme
If there have been some images in your site already, please click this button. It will generate the right size thumbs for your pages.
Before building your custom menu, you need to create your pages first, then navigate to Appearance > Menus, it is recommended to create you menu from Pages or Links.
6. Theme Custom
If you want to change style of theme, please go to ThemeOptions > General Settings, put your css code to Cutom Css box.
You could also use Child theme also, put the cutom css to custom.css file. Refer more about child theme
On admin panel the left hand, click "Appearance > Theme Options" to enter Theme Options
From Theme Options, you could:
Import Demo Data to your website - Theme Options > Import Demo Data
Please install/activate the BM Pagebuilder plugin before import demo data.
Export Demo Data - Theme Options > Export Current Data
Setup Website Logo - Theme Options > General Settings > Logo
Set Placehold Text - Theme Options > General Settings > Descriptions
Set Copyright - Theme Options > General Settings > Copyright
Set Icon - Theme Options > General Settings > Icon
Set Page Loader - Theme Options > General Settings > Enable Fade-in Loading Effect
Set Custom CSS - Theme Options > General Settings > Custom CSS
Setup Social Media - Theme Options > Social Networks, set social medial icons on header and share button.
Setup the Colour and background for Website - Theme Options > Schemes
Setup the fonts for Website - Theme Options > Font Settings, if there is not fonts in selector, please click the "Update to new Google Font Data" button, it'll load the latest fonts from Google's servers.
Upload the custom icons - Theme Options > Icons, you could upload custom PNG format icons from here, they could be used in social media links on header and Some modules in Page Builder(like Icon Box).
Main Container Width - Theme Options > Layout > General > Main Container Width, set main container width
Menu Style - Theme Options > Layout > Header > Menu Style, set header layout
Show Social Links - Theme Options > Layout > Header > Show Social Links
Show Search Button On Expanded Menu Panel - Theme Options > Layout > Header > Show Search Button On Expanded Menu Panel
Enable WPML & Show Multi Language Links On Expanded Menu Panel - Theme Options > Layout > Header > Enable WPML & Show Multi Language Links On Expanded Menu Panel
Setup Footer Widget - Theme Options > Layout > Footer > Enable Footer Widget for Post Pages / Choose Widget(To set widget, you need go to Wordpess Admin Panle: Appearance > Widgets > Footer 1-5 for Post/Page.)
Each post should be set one category at least. You could set category to organize your posts. For the feature of this theme - "Page Template" (Custom Grid Portfolio), it would list the posts come from the category you have choosed.
You could set "Featrued Image" for posts, the featured image could be shown on top of gallery post(part of templtes):
Or in Portfolio list:
7 Post Formats
The theme provide 7 formats for your post, theses formats would affect the layout of your post in list and content page. You need the to click on the radio button to change the format for a post:
Gallery Format Post
You could create the project item page by "Gallery Format Post", there are 4 templates built-in.
Upload the image or pick up the existed image in media library:
Set List Layout:
Tips: There is not the option on slider template
Set Title Masking: If enable this option, the title looks like:
Tips: It only works for webkit browser, like Chrome, Safari.
Purchase link: if you install the WooCommerce plugin. You could enable "Enable Shopping Function", choose a product item. The purchase link will be shown on thie gallery post(project item page)
Tips: The product item should has been created (Products/Add Product)
BM Slider Options > Image Position for Portrait View
The default image position is center/middle, for some images, maybe you want it shown by other position.
You can use Custom CSS(“Appearance > Customize : Additional CSS”) with page id like:
Quote Format PostYou could set the quote text within the quote format post.
It looks like:
Please edit it here:
Go to Pages / Add New, you could build all kind of pages you like.
Templates: There are 6 page templates to help you create a portfolio page in an very convenient way:
Custom Grid Portfolio
Standard Grid Portfolio
Category: You should pickup a category for the template. The "Portfolio" list only be shown within Gallery and Link format posts. The posts shoule be set "Featured Image".
Filter: If you want to show filter for the portfoli list, please enable the "Filter" option. Make sure there are sub-categories in the category of the portfolio list. The category structure looks like:
What Thumbnail Does:
Open The Portfolio Item: when you click one item, the gallery post page would be linked. If this item is a Link format post, the first url set within link post would be linked.
Open Lightbox: when you click one item, the full size thumbnail will be opened in lightbox.
You could create a static page (such as Contact, About ...) by "No Template" option, we suggest you use the Page Builder to build this kind of page if you need a little complex layout(refer to Page Builder).
Sidebar Layout, you could set the sidebar layout or fullwidth layout, in sidebar layout, you could choose widget. To set widget, you need go to Wordpess Admin Panle: Appearance > Widgets > Sidebar 1-10 for Post/Page.
Title Option: You could set the option to hide/show title wrap:
From Page Top
Enable this option, the page would looks like:
Spacer above Content
If you enable this option, there is a spacer on content area:
Show Featured Image
You could create a image cover by this option, you need to set a Featured Image for the page. If this Featured Image is dark, you could set the light logo
Please go to WordPress Admin Panel: BM Slider > Add New. If you can't see the menu item, please go to Appearance / Install Plugins to install BM Slider plugin(refer).
You need to pickup a category(or several categories), all the posts belong to this category would be shown in your slider. Each Post in this category should be set Featured Image. If you click one slide in BM slider, the Post page(shown on this slide) will be linked. If you want to use external link, please use Link Post, input the external URL into the first "Link" box.
You could also ask the elements on slider to hide when mouse stop moving.
This slider could quickly overview your projects covers(slides) when mouse move over the title list.
The theme provide drag & drop page builder for your pages, press the button "Switch to Page Builder" to enable it. Following is a brief introduction for the page builder:
The modules could be placed directly into the panel or be dragged into a wrap, depending on your layout. A standard wrap have the same width with page content.
A fullwidth wrap have the following features:
A wider width than the page content, such as to be full-width to outer container, it could be used for your full-width sections.
Support background color/image/video, IE 8/9 and touch devices do not support the video background, you need to upload a Atl Image for them.
Parallax effect for image background/Foreground, the effect do not support touch devices.
If you set the dark background color, please active the "Shift Text Color for Dark Background", the font color of this fullwidth wrap is set as white forcibly.
If you want the content of fullwith wrap filled to full width of screen(no left/right padding), please active the "Fit Content to Fullwidth".
You could set up a background color for the text block, leave it empty if you don't want to show any background color.
Icon on Left
Icon on Top
You could set a bullet icon for every item
You could create a button and customise the size and colour.
Single Image module is to enter a single image to your post/page.
This module could create 4 types of message box: Success, Warning, Error, Information
Accordion / Toggle
Accordion and Toggle has the same style in front end, you could expand only one item in Accordion mode and could expand multiple items in Toggle mode.
Divider module is to place a spacer or lines in the vertical dimension.
The theme support the famous plugin "Contact Form 7", once you install it to your WordPress, the Contact Form 7 option would appear in the Form Type drop-down menu. Following image is the standard Contact Form module looks like in front end.
To enter a video to the page, you need to copy and paste the embeded code of the video, a example with Vimeo video:
and other embeded videos from video sites
For Vimeo and Youtube video, you could directly copy/paste the link of the video:
It is a section to place a slogan or other words with a mouseover background color and link.
The Google Map module need you provide the name of your location.
If you want to use Google Map Style, please go to this page to edit the map style.
Build your price block by Price module, by now it support not more than 4 price blocks, and it is recommended to make the module fullwidth(1/1).
The Count Down module allow you assign a deadline and to create a timer automatically on front-end.
3. Save and Load templates
Once you have build a layout via the page builder, and you want to clone them to other page/posts, you could save the current layout to a template and load then in the other page/post page builder section.
When you edit the text via a text editor, you could use Short Code to add some advanced elements to your page/post:
If you don't see the icon(green plus), please go to Appearance > Install Plugins to install BM Shortcodes plugin.
Following are the short-code elements this theme support:
9. Fixed Width Column
12. Text List
13. Switching Words
The Arnold theme is supported the pupular free WordPress plugin WooCommerce. You could download it here.
There is the doucmentation here.
Custom Shop Page:
The WooCommerce would automatically create a page named “Shop – Shop Page”. The Shop page is a placeholder for a post type archive for products(read more). It cannot be edited directly by WordPress default Editor or Pagebuilder. But you could change the page title of Shop page
Please set the column(1-6) in "Appearance > Customize > WooCommerce".
Set the thumbnails style:
You could enter the subtitle(short description) in "Appearance > Theme Options > General Settings: Short Description under the Shop page Title"
If you want to make more customize for the Shop page. You need to add a new page(Pages > Add New), use the shortcode like "Recent Products", read here. You could paste the shortcodes into WordPress default Editor or Text block of Pagebuilder. Link the new shop page on menu(or other places) instead of the default shop page.
How to add "Purchase link" into project page? read here
To translate the static strings of theme, it is recommended to install the free Loco Translate WordPress plugin here(check the DOC). The default pot file "arnold.pot" is in /arnoldlanguages/ folder.
It is recommend to use the popular WPML wp plugin if you want to make a multi-languages site:
2.1 Translate the Pagebuilder
Install the plugin Translation-Management. Go to WPML/Translation-Management”, make sure “Translation manualy” selected
Created a new page(make sure under default language), set to Pagebuilder editor, put in some Pagebuilder modules, click publish
Check ‘Duplicate’ checkbox and click on “Duplicate” button (see the screenshot below) at the right sidebar. “Duplicate” button will be displayed after checking of checkbox. Click the pencil icon to translate the page
When you edit the the page on non-default language, plz click “Translate independently” button at the right sidebar. Otherwise all your translations can be replaced by default content
Please don't use orgin modules, please clone or create new one module to edit for copied pages. (refer video guide)
2.2 To translate the copyright information, Comment title and so on, please: