by Useful Pixels Studio
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. Basic HTML and CSS knowledge is required to customize this template. You may learn basics here, here and here.
Make sure that your web server supports WordPress.
Please note that this theme will work with cheap web hosting, but you will have problems with Revolution Slider and WPBakery Page Builder.
Be careful while editing the template. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.
When you purchase a theme (standalone or Hosted) that bundles a plugin like Revolution Slider, Visual Composer, purchase codes for those bundled plugins are not included, or you are seeing registration or update notices for these plugins in your WordPress admin.
Solution: No action is needed!!!
Plugins that are bundled with your theme are managed by the theme and will be updated when the entire theme package is updated - you do not need to activate/register or update them separately. You may safely ignore any notices in your admin.
WordPress is well-known for its ease of installation. Under most circumstances, installing WordPress is a very simple process and takes less than five minutes to complete.
Each WordPress has a green button Download. Clicking on that button shows a dropdown. Then select All files & documentation to download
After you download the .zip package from ThemeForest, unzip it. You’ll see a file argu.zip, which is the main theme file that needs to be uploaded and installed.To install a WordPress theme from a .zip file, login to your WordPress dashboard and click on Appearance → Themes. Then click on the Add New button at the top.
On the next screen, click on the Upload Theme button at the top. You will be prompted to choose the zip file that you downloaded earlier. Select the file and click Install Now.
Once your theme is installed, you will see a success message along with the link to activate and preview the theme. Just click Activate link to complete the installation of the theme.
After installing the WordPress theme, you might see a notification at the top of the page that says the theme needs some plugins to function properly.
To install plugins, click on the link Begin installing plugins as shown in the screenshot above. You’ll be redirected to a page where all needed plugins are listed. Just click on Install below the plugins’ names or select all of them (recommended) and choose Install from the drop-down and click Apply.
Some plugins are included directly in the themes and some are hosted on wordpress.org which takes a while to download.
After installing, click the link Return to Required Plugins Installer. You’ll be redirected to a page where all installed plugins are listed. It’s required to activate them. So select them all and choose Activate from the drop-down and click Apply:
Once the plugin is activated, import the dummy data for the theme from Appearance > Import Demo Data by clicking the "Import" button. Wait for some time, it will take hardly 10 to 20 minutes to complete the process. After that all posts, pages, images, widgets, menus and other theme settings will get imported.
Navigate to Revolution Slider and click on import Sliders.
From the package, navigate to Demo Content --> Your Demo -->Slider .
Import all zip files
Esentially, there are 2 methods for installing the ARGU WordPress Theme:
Both methods are ok and your decision should be made solely on your personal preferences and system settings.
Once you have uploaded your theme, go to "Appearance" -> "Themes" and select "Activate" on ARGU.
You are one step closer to getting your site up and running using ARGU WordPress Theme.
After your theme is successfuly installed, you will be presented with notification in upper part of the screen. Click on "Begin installing plugins" to start the process. Check all plugins, and install them. Go to Plugins screen and click on activate each of the 3 installed plugins: Contact form 7, Visual composer and Revolution Slider.
If you need shop on your website, please install latest version of "woocommerce". Afterwards, you can go to Appearance -> Menus and add "Shop" to your menu.
If you want to make your website look exactly like on ARGU WordPress Theme demo, you need to import .xml file. You can find xml file in your theme file. This is also fastest and best way of learning and exploring all best practices in ARGU WordPress Theme. Just follow these few simple steps:
Once you have installed provided Revolution Slider, you can import demo slider content. This is done through Revolution Slider import interface:
As we improove ARGU WordPress Theme, you will need to upgrade your theme files. Just follow these few steps:
Replace wp-content/plugins/js_composer folder with:
Replace wp-content/plugins/revslider folder with
Useful Pixels PluginReplace wp-content/plugins/useful-pixels_plugin folder with Unpack argu.zip argu\inc\activate-plugins\useful-pixels_plugin.zip (Unpack)
Don't hesitate to contact us should you have any further quesitons on our support forum.
Posts - blogs are main part of every wordpress website. We have worked really hard on giving you lots of different options when it comes to displaying your content best possible way.
We have enabled you to display your work in a form of portfolio. Each portfolio can be part of one or more portfolio categories. Similar to blog settings, you can change each protfolio entry to have its own header style (Dark or Light). Furthermore, each portfolio can have number of different settings - you can use these fields for different portfolio characteristics:
RECOMMENDED Image size 1200x800px
For Portfolio main names don't use special characters like "+_)-(^$@!~~<>?"
Go to Theme options --> Misc Settings
In order to access theme options, you need to click on "ARGU Options" in left hand panel of your wordpress admin. ARGU options is divided into following sections:
General Settings page is dedicated to general, site wide settings of ARGU theme. You can change site layout here (wide or boxed); theme skin stylesheet out of provided ones; main website logo; site logo font (if you don't have logo uploaded as image) as well as logo spacings.
Footer Options page is dedicated to fine tuning footer of your website. This is the place to change number of widgets in footer; footer copyright text; main style of footer (light, dark or image); background color and background image settings.
Typography page is the right place for you if you want to change complete typography of your new website. You can change font for H1, H2, H3, H4. H5 and body font. Note: there are 600+ fonts to choose from.
This page is made for updating your menus. You can change primary menu font as well as mobile menu font. Yes, you can have different settings for Main menu and mobile menu. Convenient, isn't it?
Misc settings can help you if you want to change main page for your projects. Note that you have to create this page first in order to select ih in this menu. Furthermore, you can select if you want to enable comments on portfolio pages and lot more features.
Styling Options page is dedicated to settings for boxed layout only. You can change background color, image, placement; body background color, image, placement as well as fixed or scroll for boxed layout.
Advanced settings page is made for all of you developers and advanced users who want to make some CSS customizations. Note that all changes should be made here. Lots of you are going to ask why, and here is the answer you are looking for: Argu theme is constantly upgraded and updated. Once you install new version of your theme, all changes you made in actual css files are going to be overwritten and you are going to loose them. If you make changes here, they are going to be transferred to new version of Argu theme.
Shop options gives you flexibility when it comes to settings of your shop pages. You can decide here if you want to have sidebar on shop archive pages; show or hide cart total in top bar; choose how many products you want to display per page (pagination).
Import and Export your Redux Framework settings from file, text or URL.
Anchor - use for One Page site, exp. anchor name about, go to menus, add new Custom link and set URL to www.yoursite.com/#about
You can have some hover effect on Column, Just add Extra class name:
set image background to "No Repeat"
Revolution slider is exactly what the name says - Slider with a revolution. This means that you are going to be able to create fantastic and yet responsive sliders that will get your visitors to WOW.Slider Revolution WordPress 5.x Documentation
This plugin helps you grow your Mailchimp lists and write better newsletters through various methods. You can create good looking opt-in forms or integrate with any existing form on your site, like your comment, contact or checkout form.
ARGU Theme has integrated Font Awesome & Themify for icons accross whole website. The main reason for using this way of icons is that its great way of having wide array of scallable vectors that can adapt to any website. Also, its constantly expanding and giving new and exciting icons.
You are probably going to wonder what icons you can use? I knew you are going to ask. This is complete list of icons:
Go to Wordpress dashboard-->Appearance-->Customize-->Site Identity
We have included some custom shortoces for your convenience. Please use Text tab
[dropcap]P[/dropcap] - First letter of the paragraph will be bigger. [highlight] Aenean ultricies mi vitae est.[/highlight] - Highlight the text [copyright] [the-year] [site-name] [theme-credit]
[icon position="left" padding="7" url="#" newtab="yes" size="14px" color="#000" icon="fa fa-facebook"]
position="left" Set this so left padding is 0px
padding="7" padding will be 7px Put your desired link instead of "#"
14px -- Font size
#000 -- Font Color
fa fa-facebook -- Font-Awesome Icons
newtab="yes" Open link in new windows
[fbshare size="20px" color="#282b2b"] [twshare size="20px" color="#282b2b"] [gshare size="20px" color="#282b2b"] [pshare size="20px" color="#282b2b"] [inshare size="20px" color="#282b2b"]
[icon position="left" padding="7" url="#" size="16px" color="#d5ac63" icon="fa fa-map-marker"] 2250 Lexington Avenue
[icon position="left" padding="7" url="#" size="16px" color="#d5ac63" icon="fa fa-phone"]+99 (0) 101 0000 8134
[icon position="left" padding="7" url="#" size="16px" color="#d5ac63" icon="fa fa-envelope"] firstname.lastname@example.org
[icon position="left" padding="7" url="#" size="16px" color="#d5ac63" icon="fa fa-clock-o"] Mon-Sat: 07:00 - 17:00
Go to Appearance --> Menus --> Screen Options
Select Title Attribute, CSS Classes, Description.
If you want to put icon in any of your menu item, you can put, for instance, "fa-home" in Tittle Attribute of that particular menu item. If you want some custom name, just add custom link, give it a name and put "dropdown-header" in Tittle Attribute of that menu item. If you need divider line in any dropdown menu, just add "divider" into Tittle Attribute field.
Just add ' dropleft ' to CSS Classes (optional)
ARGU Theme has integrated Contact form 7 which has prooven to be among the best contact forms available. It's easily integrated into any page and has really nice and intuitive way of creating all different forms that you need. Just select "Contact" in your wordpress admin menu and click on "Add new". Fill in all the required fields, setup email address that you want to receive emails to and you are good to go. You will get shortcode that can be embedded into any page that you want.
[textarea your-message placeholder "Message"][text* your-name placeholder "Name"][email* your-email placeholder "Email"][text* your-subject placeholder "Subject"]
[submit "SEND MESSAGE"]
Your Contact Details[text* your-name placeholder "First Name"] [text* your-name-last placeholder "Last Name"] [text* your-phone placeholder "Daytime Phone*"][email* your-email placeholder "Email"] [text* your-address placeholder "Street Address"] [select menu-738 "Choose your service" "Designer Range" "Essential Range"][text* your-subject placeholder "Subject"] [textarea your-message placeholder "Message"]
How did you hear about us?[select menu-738 "- - - - -" "College’s Course Information Unit" "Email from the College" "Text message from the College"]
Best Time to Call*[radio radio-684 "AM" "Midday" "PM"]
Subscribe[radio radio-680 "Send me the latest catalogue" ]
[submit "SEND Message"]
Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.
You can find the version history (changelog.txt) file on yourthemename-full.zip folder or you can check changelog on theme sale page.
As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
----------------------------------------------------------------------------------------- Version 1.0 -Apr 25th, 2019 -----------------------------------------------------------------------------------------