Bold Company | Documents

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.ico

Layouts 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

Navigate to Administrator site > Extensions > Templates > Bold Company template style > Template Options > Basic settings > Logo > select Logo Type as Image and select your own logo

# Main menu navigation

Access Administrator site > Extensions > Templates > Bold Company template style > Template Options > Navigation > select the Main menu to show on frontend.

# 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

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

Joomla Template Installation

Doc Navigation

I. Key Features

II. Requirements

III. Download package:

Installation Guide:

1. Bold Company Template Installation

2. Extensions Installation

3. Change Favicon

Layouts in template

Recreate Demo

# Logo

# Main menu navigation

# Header CTA

Custom HTML Code:

# bold_cta

# Footer

# About Us

Custom HTML Code:

# Knowledge Library

# Our Work

# News & Events

Homepage

# Create 'Home' menu item

# Slideshow

# Clients

# Bold Hero

# bold_features

# Our Work

# How We Work

# bold_testimonials

# Latest Articles

Our Work

# Create 'Our Work' menu item

# Bold Masthead

About Us

# Create 'About Us' menu item

Blog

# Create 'Blog' menu item

# Banner sidebar

Custom HTML Code:

# Articles - Categories

# EasyBlog - Categories

# EasyBlog - Image Wall Module

# EasyBlog - Tag Cloud Module

Contact Us

# Create 'Contact Us' menu item

Haven't found answer yet?

Subscribe newsletter