Joomla Template Installation
We install your purchased Bold Template and setup your Joomla system as our live demo
with sample data within 24 hours
Thank you for purchasing our template. We are so happy that you are one of our customers. We do our best to provide a high quality template with great functionality, professional design. Before you get started, we highly encourage you to get familiar with this documentation. Getting through this documentation may save lots of your time and help you to avoid questions with obvious answers.
I. Key Features
- Fully support EasyBlog component
- Supports All Joomla default Pages
- 4 Color Themes
- Responsive Joomla template
- Built with Helix Ultimate framework
II. Requirements
In order to run Bold Company smoothly on your server, you need to fulfill requirements listed below:
- Apache 2.2+ or Microsoft IIS7
- PHP 5.4+ (PHP 5.5+ Recommended)
- MySQL 5.1+
- Joomla 3.7+
Please contact your web hosting service provider to make sure that your server complies with the requirements above.
You should check php upload_max_filesize and post_max_size. The recommended values should be 64Mb or higher. Some hosting limits this value by default, you may need to contact to find more information about this. You can change this via php.ini file or .htaccess file in the root of your website:
php_value post_max_size 64M
php_value upload_max_filesize 64M
These values will ensure that you won't get any error reporting that your upload and post memory limit is too low.
III. Download package:
After purchasing template, you can download the template package to install into your site, it's a ZIP file called bold_company.zip
Installation Guide:
1. Bold Company Template Installation
Step 1: Install latest Helix Ultimate Framework
+ Download Helix Ultimate Framework here
+ Log into the Administrator Panel
+ Go to Extensions in Extensions Manager > Install
+ Use Upload Package file mode and select the package: plg_helix.zip
+ Install plugin as typical Joomla extension + Click on Upload and Install button
+ Enable "System - Helix Ultimate Framework" in Extensions Manager > Plugin
Step 2: Install Bold Company
+ Log into the Administrator Panel
+ Go to Extensions in Extensions Manager > Install
+ Use Upload Package file mode and select the package: bold_company.zip
+ Install template package as typical Joomla extension + Click on Upload and Install button
Step 3: Set Bold Company as default template style
Once done, navigate to Extensions > Templates > Administrator templates and set bold_company template style as default one.
2. Extensions Installation
In order to make the template look exactly as the demo page, you need to install recommended extension: EasyBlog v5. Follow this documentation page for how to install this extension.
PLEASE NOTE! This is 3rd party commercial extension, in case that you don't have it installed on your site, you have to purchase it separately from StackIdeas first.
3. Change Favicon
A small image with dimension of 16x16 pixel image in .ico format displays in web browser next to your website's URL. You may use one of graphic software and create your own favicon and simply place it in template directory of your website:
[ROOT]/templates/bold_company (your_default_template)/favicon.icoLayouts in template
Recreate Demo
The demo site of Bold Company comes with different pages. There are several common sections used across pages, below are configuration for each:
# Logo

# Main menu navigation

# Header CTA

- Module Type: Custom HTML
- Module Position: cta
- Assigned: All Pages
Custom HTML Code:
<div class="header-action"> <a href="/?Itemid=121" class="btn btn-primary-line" title="Get In Touch">free consultation</a> <span>Or call us <a href="#">(738) 222 - 346</a></span> </div>
# bold_cta

- Module Type: bold_cta
- Module Position: cta-footer
- Assigned: All Pages
- Screenshot Config: View screenshot
# Footer

Footer section in Bold Company combines 4 module positions: footer-1 (About Us), footer-2 (Knowledge Library), footer-3 (Our Work) and footer-4 (News & Events)
# About Us
- Module Title: About Us
- Module Type: Menu
- Module Position: footer-1
- Assigned: All Pages
Custom HTML Code:
# Knowledge Library
- Module Title: Knowledge Library
- Module Type: Menu
- Module Position: footer-2
- Assigned: All Pages
# Our Work
- Module Title: Our Work
- Module Type: Menu
- Module Position: footer-3
- Assigned: All Pages
# News & Events
- Module Title: News & Events
- Module Type: Menu
- Module Position: footer-4
- Assigned: All Pages
Homepage
# Create 'Home' menu item
Home page menu item has type of Articles > Blank Content and is assigned with default template style.
# Slideshow

- Module Type: bold_slideshow
- Module Position: slideshow
- Assigned: Select Page
- Screenshot Config: View screenshot
# Clients

- Module Type: bold_clients
- Module Position: clients
- Assigned: Select Page
- Screenshot Config: View screenshot
# Bold Hero

- Module Type: bold_hero
- Module Position: hero
- Assigned: Select Page
- Screenshot Config: View screenshot
# bold_features

- Module Title: bold_features
- Module Type: bold_features
- Module Position: features
- Assigned: Home Page
- Screenshot Config: View screenshot
# Our Work

- Module Title: Our Work
- Module Type: Articles - Latest
- Module Position: our-work
- Layout: slide
- Assigned: Home Page
- Screenshot Config: View screenshot
# How We Work

- Module Type: bold_hero
- Module Position: how-work
- Assigned: Select Page
- Screenshot Config: View screenshot
# bold_testimonials

- Module Title: Testimonials
- Module Type: bold_testimonials
- Module Position: testimonials
- Assigned: Home Page
- Screenshot Config: View screenshot
# Latest Articles

- Module Title: Latest Articles
- Module Type: Articles - Latest
- Module Position: latest-article
- Layout: grid
- Assigned: Home Page
- Screenshot Config: View screenshot
Our Work
# Create 'Our Work' menu item
Our Work page menu item has type of Articles > Category Blog and is assigned with default template style.
# Bold Masthead

- Module Title: Masthead
- Module Type: bold_masthead
- Module Position: masthead
- Assigned: Selected pages
- Screenshot Config: View screenshot
About Us
# Create 'About Us' menu item
About page menu item has type of Articles > Single Article and is assigned with default template style.
This menu item points to an article called '15+ years of experience in Financial Services & Business.' Below is content output of this article
<div class="about-us"> <div class="about-item"> <h1>12+ years of experience in Financial Services & Business.</h1> <div class="row"> <div class="col-sm-6"> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> <p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p> </div> <div class="col-sm-6"> <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p> <p>It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> </div> </div> </div> <div class="about-item full-content"> <img src="/images/bold_demo/about-us/item-1.jpg" alt="" /> </div> <div class="about-item more-info"> <div class="row"> <div class="col-sm-6"> <h3>Our mission.</h3> <p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place.</p> </div> <div class="col-sm-6"> <h3>Our essence.</h3> <p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet.</p> </div> </div> <div class="row"> <div class="col-sm-6"> <h3>Our promise.</h3> <p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli.</p> </div> <div class="col-sm-6"> <h3>Our vibe.</h3> <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name.</p> </div> </div> </div> <div class="about-item full-content"> <div class="ranked row"> <div class="col-lg-3 col-md-12"> <h3>Ranked</h3> </div> <div class="col-lg-3"> <div class="rank-item"> <span>#9</span> <p>at Deloitte Technology Fast 50 Awards 2018</p> </div> </div> <div class="col-lg-3"> <div class="rank-item"> <span>#24</span> <p>in KPMG/H2 Fintech 100 for 2018</p> </div> </div> <div class="col-lg-3"> <div class="rank-item"> <span>#12</span> <p>in KPMG/H2 Fintech 100 for 2017</p> </div> </div> </div> </div> <div class="about-item"> <div class="title-wrap"> <h2>Our Board of Directors.</h2> <p>These talented individuals keep the machine oiled and gears running smoothly.</p> </div> <div class="about-us"> <div class="row"> <div class="col-sm-4"> <div class="item"> <img src="/images/bold_demo/about-us/item-2.jpg" alt="" /> <h4>Mario Fowler</h4> <p>CEO</p> <a href="mailto:This email address is being protected from spambots. You need JavaScript enabled to view it.">This email address is being protected from spambots. You need JavaScript enabled to view it.</a> </div> </div> <div class="col-sm-4"> <div class="item"> <img src="/images/bold_demo/about-us/item-3.jpg" alt="" /> <h4>Emanuel Reed</h4> <p>Business Development</p> <a href="mailto:This email address is being protected from spambots. You need JavaScript enabled to view it.">This email address is being protected from spambots. You need JavaScript enabled to view it.</a> </div> </div> <div class="col-sm-4"> <div class="item"> <img src="/images/bold_demo/about-us/item-4.jpg" alt="" /> <h4>Lee Roberson</h4> <p>Business Strategy</p> <a href="mailto:This email address is being protected from spambots. You need JavaScript enabled to view it.">This email address is being protected from spambots. You need JavaScript enabled to view it.</a> </div> </div> <div class="col-sm-4"> <div class="item"> <img src="/images/bold_demo/about-us/item-5.jpg" alt="" /> <h4>Craig George</h4> <p>Global Head of Planning</p> <a href="mailto:This email address is being protected from spambots. You need JavaScript enabled to view it.">This email address is being protected from spambots. You need JavaScript enabled to view it.</a> </div> </div> <div class="col-sm-4"> <div class="item"> <img src="/images/bold_demo/about-us/item-6.jpg" alt="" /> <h4>Steven Chandler</h4> <p>President, Technology</p> <a href="mailto:This email address is being protected from spambots. You need JavaScript enabled to view it.">This email address is being protected from spambots. You need JavaScript enabled to view it.</a> </div> </div> <div class="col-sm-4"> <div class="item"> <img src="/images/bold_demo/about-us/item-7.jpg" alt="" /> <h4>Lynn Bowen</h4> <p>Brand Strategy</p> <a href="mailto:This email address is being protected from spambots. You need JavaScript enabled to view it.">This email address is being protected from spambots. You need JavaScript enabled to view it.</a> </div> </div> </div> </div> </div> <div class="about-item more-info full-content"> <div class="row"> <div class="col-sm-4"> <h3>In the press</h3> <p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen.</p> </div> <div class="col-sm-4"> <h3>Work with us</h3> <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name.</p> </div> <div class="col-sm-4"> <h3>Partner with us</h3> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> </div> </div> </div> </div>
Blog
# Create 'Blog' menu item
Bold Company supports both Joomla articles content and EasyBlog content as data source for Blog page
Joomla Blog page menu item has type of Articles > Category Blog and is assigned with default template style.
EasyBlog page menu item has type of EasyBlog > (Posts) Frontpage and is assigned with default template style.
On this blog page, some modules are assigned to sidebar-right position:
# Banner sidebar

- Module Type: Custom HTML
- Module Position: sidebar-right
- Assigned: Select Pages
Custom HTML Code:
<a href="https://cmsbold.com"> <img src="/images/bold_demo/others/banner-1.png" alt=""/> </a>
# Articles - Categories

- Module Title: Categories
- Module Type: Articles - Categories
- Module Position: sidebar-right
- Layout: default
- Assigned: Select Pages
# EasyBlog - Categories

- Module Title: Categories
- Module Type: EasyBlog - Categories
- Module Position: sidebar-right
- Layout: Flat Layout
- Assigned: Select Pages
# EasyBlog - Image Wall Module

- Module Title: Popular Posts
- Module Type: EasyBlog - Image Wall Module
- Module Position: sidebar-right
- Layout: default Layout
- Assigned: Select Pages
- Screenshot Config: View screenshot
# EasyBlog - Tag Cloud Module

- Module Title: Tags
- Module Type: EasyBlog - Tag Cloud Module
- Module Position: sidebar-right
- Layout: Tag Cloud
- Assigned: Select Pages
Contact Us
# Create 'Contact Us' menu item
Contact Us page menu item has type of Contacts > Single Contact and is assigned with default template style.
This menu item will display a single contact created under Administrator panel > Components > Contacts. In the menu item settings on demo site, make sure that you set the Display Format to Plain
Once again, thank you so much for purchasing this template. We will be glad to help you, if you have any questions about this template. We'll do our best to assist.
Haven't found answer yet?
If you have any specific request or feedback as well as suggestions, feel free to drop us a line in Bold Company template forum. We'll try to cover them all.
Look at Forums