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

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

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

# Header CTA

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

CTA
  • Module Type: bold_cta
  • Module Position: cta-footer
  • Assigned: All Pages
  • Screenshot Config: View screenshot

# Footer

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

Slideshow
  • Module Type: bold_slideshow
  • Module Position: slideshow
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# Clients

Clients
  • Module Type: bold_clients
  • Module Position: clients
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# Bold Hero

Bold Hero
  • Module Type: bold_hero
  • Module Position: hero
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# bold_features

Features
  • Module Title: bold_features
  • Module Type: bold_features
  • Module Position: features
  • Assigned: Home Page
  • Screenshot Config: View screenshot

# Our Work

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

How We Work
  • Module Type: bold_hero
  • Module Position: how-work
  • Assigned: Select Page
  • Screenshot Config: View screenshot

# bold_testimonials

Testimonials
  • Module Title: Testimonials
  • Module Type: bold_testimonials
  • Module Position: testimonials
  • Assigned: Home Page
  • Screenshot Config: View screenshot

# Latest Articles

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

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

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

Article Categories
  • Module Title: Categories
  • Module Type: Articles - Categories
  • Module Position: sidebar-right
  • Layout: default
  • Assigned: Select Pages

# EasyBlog - Categories

EasyBlog categories
  • Module Title: Categories
  • Module Type: EasyBlog - Categories
  • Module Position: sidebar-right
  • Layout: Flat Layout
  • Assigned: Select Pages

# EasyBlog - Image Wall Module

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

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

Subscribe newsletter

Get our latest updates with exclusive news and offers in your inbox.