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

  • 4 beautiful Blog layouts
  • 3 predefined headers
  • Custom Post Types
  • Integrate Ratings & Comment system
  • Supports All default Joomla Pages
  • Responsive Joomla template
  • Built with Helix Ultimate framework

II. Requirements

In order to run Bold Simpli 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_simpli.zip

Installation Guide:

1. Bold Simpli 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 Simpli

+ Log into the Administrator Panel

+ Go to Extensions in Extensions Manager > Install

+ Use Upload Package file mode and select the package: bold_simpli.zip

+ Install template package as typical Joomla extension + Click on Upload and Install button

Step 3: Set Bold Simpli as default template style

Once done, navigate to Extensions > Templates > Administrator templates and set bold_simpli template style as default one.

2. Extensions Installation

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_simpli (your_default_template)/favicon.ico

Layouts in template


Recreate Demo

The demo site of Bold Simpli 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 Simpli template style > Template Options > Basic settings > Logo > select Logo Type as Text and type your desired text

# Main menu navigation

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

# Topbar Left

Topbar Left
  • Module Type: Custom HTML
  • Module Position: topbar-left
  • Assigned: All Pages

Custom HTML Code:

<p>
  Perfect Template For Bloggers & Content Marketers
</p>

# Social Icons

Top Social Icons Access Administrator site > Extensions > Templates > Bold Simpli template style > Template Options > Basic > enable Social Icons option

# Footer

Footer

Footer section in Bold Simpli combines 3 module positions: footer-1 (Footer logo), footer-2 (Menu), footer-3 (Footer Social)

# Footer Logo

  • Module Title: Footer Logo
  • Module Type: Custom HTML
  • Module Position: footer-1
  • Assigned: All Pages

Custom HTML Code:

<h2 class="logo-text-footer">
  Simpli
</h2>

# Menu

  • Module Title: Menu
  • Module Type: Menu
  • Module Position: footer-2
  • Assigned: All Pages

# Footer Social

  • Module Title: Footer Social
  • Module Type: Custom HTML
  • Module Position: footer-3
  • Assigned: All Pages

Custom HTML Code:

<ul class="social-static">
	<li><a href="#"><span class="fa fa-facebook"></span>829k</a></li>
	<li><a href="#"><span class="fa fa-instagram"></span>23k</a></li>
	<li><a href="#"><span class="fa fa-twitter"></span>445k</a></li>
	<li><a href="#"><span class="fa fa-pinterest"></span>442k</a></li>
</ul>

Homepage

# Create 'Home' menu item

Home page menu item has type of Articles > Single Article and is assigned with bold_simpli - Landing page.


The 'Home' menu item will show full content from an article called 'Demo Home', here is the content of this article

<div class="demo-home full-container">
<!-- Title -->
<div class="intro-title">
<h1>
Tell Your Story
</h1>
<p>Create a beautiful blog to share your passion with the world.</p>
<a href="https://www.cmsbold.com/pricing" class="btn btn-primary btn-lg" title="purchase">Get It Now <span class="icon ion-ios-arrow-round-forward"></span></a>
</div>
<!-- // Title -->

<!-- Intro Demo -->
<div class="intro-demo section-item">
<div class="container">
<div class="intro-title">
<h2>4 Unique Designs</h2>
<p>Beautifully designed, powerful, and easy to customize – Bold Simpli the best theme for blogging.</p>
</div>

<div class="row">
<div class="col-md-6 col-lg-3">
<div class="demo-item">
<a href="/?Itemid=121" title="Home Decor">
<img src="/images/demo/demo/home-1.jpg" title="Home Decor"/>
<span class="view-demo">View Demo</span>
</a>
<h3>
<a href="/?Itemid=121" title="Home Decor">
Home Decor
</a>
</h3>
</div>
</div>

<div class="col-md-6 col-lg-3">
<div class="demo-item">
<a href="/" title="Home Travel">
<img src="/images/demo/demo/home-2.jpg" title="Home Travel"/>
<span class="view-demo">View Demo</span>
</a>
<h3>
<a href="/" title="Home Travel">
Home Travel
</a>
</h3>
</div>
</div>

<div class="col-md-6 col-lg-3">
<div class="demo-item">
<a href="/?Itemid=108" title="Home Food">
<img src="/images/demo/demo/home-3.jpg" title="Home Food"/>
<span class="view-demo">View Demo</span>
</a>
<h3>
<a href="/?Itemid=108" title="Home Food">
Home Food
</a>
</h3>
</div>
</div>

<div class="col-md-6 col-lg-3">
<div class="demo-item">
<a href="/?Itemid=109" title="Home Fashion">
<img src="/images/demo/demo/home-4.jpg" title="Home Fashion"/>
<span class="view-demo">View Demo</span>
</a>
<h3>
<a href="/?Itemid=109" title="Home Fashion">
Home Fashion
</a>
</h3>
</div>
</div>
</div>
</div>
</div>
<!-- // Intro Demo -->

<div class="template-features section-item">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-4">
<div class="features-title">
<h2>Blog Post Types</h2>
<p>Simpli offers multiple blog type possibilities – standard text post or something packed with pictures like – gallery, or even more visual – video post</p>
</div>
</div>

<div class="col-md-12 col-lg-8">
<div class="row">
<div class="col-sm-6">
<div class="feature-item">
<span class="ion-md-create"></span>
<h3>Standard</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes</p>
<a href="/?Itemid=122" title="view demo">View Demo <span class="ion-ios-arrow-round-forward"></span></a>
</div>

<div class="feature-item">
<span class="ion-md-play"></span>
<h3>Video</h3>
<p>Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper.</p>
<a href="/?Itemid=124" title="view demo">View Demo <span class="ion-ios-arrow-round-forward"></span></a>
</div>
</div>

<div class="col-sm-6">
<div class="feature-item">
<span class="ion-md-images"></span>
<h3>Gallery</h3>
<p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut.</p>
<a href="/?Itemid=123" title="view demo">View Demo <span class="ion-ios-arrow-round-forward"></span></a>
</div>

<div class="feature-item">
<span class="ion-md-headset"></span>
<h3>Audio</h3>
<p>Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.</p>
<a href="/?Itemid=125" title="view demo">View Demo <span class="ion-ios-arrow-round-forward"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="template-layout section-item">
<div class="container">
<div class="features-title">
<h2>Templates Features</h2>
<p>The template has built with more amazing features, easy to use<br/> some of most important features are listed here:</p>
</div>

<ul>
<li><span>Clean and beautiful design</span></li>
<li><span>Developed with Bootstrap 4</span></li>
<li><span>Real-time customization</span></li>
<li><span>Header Variations</span></li>
<li><span>SVG Logo Option</span></li>
<li><span>Mega menu builder</span></li>
<li><span>Layout builder</span></li>
<li><span>Social Shares</span></li>
<li><span>Integrated Comments</span></li>
<li><span>Fastest Template Framework</span></li>
<li><span>Build Responsive Websites</span></li>
<li><span>CSS & Javascript Compression</span></li>
<li><span>Search Engine Optimized</span></li>
<li><span>Fluid and Boxed Layouts</span></li>
<li><span>Coming Soon Mode</span></li>
<li><span>Support & updates</span></li>
</ul>
</div>
</div>

<div class="get-this">
<h2>Get all of this just for $59</h2>
<a href="https://www.cmsbold.com/pricing" class="btn btn-primary btn-lg" title="purchase">Get It Now <span class="icon ion-ios-arrow-round-forward"></span></a>
</div>
</div>

Decor page

Header

Homepage of 'Decor' layout will use a predefined header: Header-2

Access Administrator site > Extensions > Templates > Bold Simpli template style > Template Options > Layout Builder > Predefined Headers > Select header 2

# Create 'Home - Decor' menu item

Home - Decor page menu item has type of Articles > Category Blog and is assigned with 'bold_simpli - Home Decor' template style.

# Slideshow - Articles - Category

Articles - Category
  • Module Title: Featured Articles
  • Module Type: Articles - Category
  • Module Position: slideshow
  • Layout: layout-4
  • Assigned: Home - Decor Page
  • Screenshot Config: View screenshot

# Articles - Category

Articles - Category
  • Module Title: Featured Articles
  • Module Type: Articles - Category
  • Module Position: top-latest
  • Layout: layout-2
  • Assigned: Home - Decor Page
  • Screenshot Config: View screenshot

# AcyMailing subscription form

AcyMailing subscription form
  • Module Title: Subscribe & Stay updated
  • Module Type: AcyMailing subscription form
  • Module Position: section-1
  • Display Mode: Horizontal
  • Assigned: Selected pages
  • Screenshot Config: View screenshot

# About me

About me
  • Module Type: Custom HTML
  • Module Position: sidebar-right
  • Assigned: Selected page

Custom HTML Code:

<div class="about-me">
<img src="/images/demo/avatar/item-2.jpg" alt=""/>
<div class="short-desc">
<h4>Hi!</h4>
<p>Welcome to my blog. I document my adventures in travel, style, and food.<br/>Hope you have a nice stay!</p>
<a href="#" title="Read More">Read More</a>

<div class="about-title">
	<span>About Me</span>
</div>
</div>
</div>

# Latest Articles

Latest Articles
  • Module Title: Latest Articles
  • Module Type: Articles - Latest
  • Module Position: sidebar-right
  • Layout: default
  • Assigned: Home - Decor Page
  • Screenshot Config: View screenshot

# Banner Sidebar

Banner Sidebar
  • Module Type: Custom HTML
  • Module Position: sidebar-right
  • Assigned: Selected page

Custom HTML Code:

<img src="/images/demo/banner/banner-3.jpg" alt=""/>

# AcyMailing subscription form

AcyMailing subscription form
  • Module Title: Subscribe & Stay updated
  • Module Type: AcyMailing subscription form
  • Module Position: sidebar-right
  • Display Mode: Vertical
  • Assigned: Selected pages
  • Screenshot Config: View screenshot

# Articles - Most Read

Articles - Most Read
  • Module Title: Most Read
  • Module Type: Articles - Most Read
  • Module Position: trend
  • Layout: grid-owl
  • Assigned: Home - Decor Page
  • Screenshot Config: View screenshot

Travel page

Header

Homepage of 'Decor' layout will use a predefined header: Header-1

Access Administrator site > Extensions > Templates > Bold Simpli template style > Template Options > Layout Builder > Predefined Headers > Select header 1

# Create 'Home - Travel' menu item

Home - Travel page menu item has type of Articles > Category Blog and is assigned with 'bold_simpli - Default' template style.

# Articles - Category

Articles - Category
  • Module Title: Featured Articles
  • Module Type: Articles - Category
  • Module Position: top-latest
  • Layout: layout-1
  • Assigned: Home - Travel Page
  • Screenshot Config: View screenshot

# Our Latest Travel Guides

Our Latest Travel Guides
  • Module Title: Our Latest Travel Guides
  • Module Type: Articles - Latest
  • Module Position: section-1
  • Layout: slide
  • Assigned: Home - Travel Page
  • Screenshot Config: View screenshot

# Articles - Most Read

Articles - Most Read
  • Module Title: Most Read
  • Module Type: Articles - Most Read
  • Module Position: trend
  • Layout: grid-owl
  • Assigned: Home - Travel Page
  • Screenshot Config: View screenshot

# About me

About me
  • Module Type: Custom HTML
  • Module Position: sidebar-right
  • Assigned: Selected page

Custom HTML Code:

<div class="about-me">
<img src="/images/demo/avatar/item-1.jpg" alt=""/>
<div class="short-desc">
<h4>Hi!</h4>
<p>Welcome to my blog. I document my adventures in travel, style, and food.<br/>Hope you have a nice stay!</p>
<a href="#" title="Read More">Read More</a>

<div class="about-title">
<span>About Me</span>
</div>
</div>
</div>

# AcyMailing subscription form

AcyMailing subscription form
  • Module Title: Subscribe & Stay updated
  • Module Type: AcyMailing subscription form
  • Module Position: sidebar-right
  • Display Mode: Horizontal
  • Assigned: Selected pages
  • Screenshot Config: View screenshot

# Categories

Categories
  • Module Title: Categories
  • Module Type: Articles - Categories
  • Module Position: sidebar-right
  • Layout: default
  • Assigned: selected pages
  • Screenshot Config: View screenshot

# Latest Articles

Latest Articles
  • Module Title: Latest Articles
  • Module Type: Articles - Latest
  • Module Position: sidebar-right
  • Layout: default
  • Assigned: Home - Decor Page
  • Screenshot Config: View screenshot

# Popular Tags

Popular Tags
  • Module Type: Tags - Popular
  • Module Position: sidebar-right
  • Assigned: Selected page
  • Screenshot Config: View screenshot

Food page

Header

Homepage of 'Food' layout will use a predefined header: Header-2

Access Administrator site > Extensions > Templates > Bold Simpli template style > Template Options > Layout Builder > Predefined Headers > Select header 2

# Create 'Home - Food' menu item

Home - Food page menu item has type of Articles > Category Blog and is assigned with 'bold_simpli - Home Food' template style.

# Articles - Category

Articles - Category
  • Module Title: Featured Articles
  • Module Type: Articles - Category
  • Module Position: top-latest
  • Layout: layout-2
  • Assigned: Home - Food Page
  • Screenshot Config: View screenshot

# Our Latest Food Guides

Our Latest Food Guides
  • Module Title: Our Latest Food Guides
  • Module Type: Articles - Latest
  • Module Position: section-1
  • Layout: slide
  • Assigned: Home - Food Page
  • Screenshot Config: View screenshot

# Articles - Most Read

Articles - Most Read
  • Module Title: Most Read
  • Module Type: Articles - Most Read
  • Module Position: trend
  • Layout: grid-owl
  • Assigned: Home - Food Page
  • Screenshot Config: View screenshot

# About me

About me
  • Module Type: Custom HTML
  • Module Position: sidebar-right
  • Assigned: Selected page

Custom HTML Code:

<div class="about-me">
<img src="/images/demo/avatar/item-1.jpg" alt=""/>
<div class="short-desc">
<h4>Hi!</h4>
<p>Welcome to my blog. I document my adventures in travel, style, and food.<br/>Hope you have a nice stay!</p>
<a href="#" title="Read More">Read More</a>

<div class="about-title">
<span>About Me</span>
</div>
</div>
</div>

# AcyMailing subscription form

AcyMailing subscription form
  • Module Title: Subscribe & Stay updated
  • Module Type: AcyMailing subscription form
  • Module Position: sidebar-right
  • Display Mode: Horizontal
  • Assigned: Selected pages
  • Screenshot Config: View screenshot

# Latest Articles

Latest Articles
  • Module Title: Latest Articles
  • Module Type: Articles - Latest
  • Module Position: sidebar-right
  • Layout: default
  • Assigned: Home - Decor Page
  • Screenshot Config: View screenshot

# Banner Sidebar

Banner Sidebar
  • Module Type: Custom HTML
  • Module Position: sidebar-right
  • Assigned: Selected page

Custom HTML Code:

<img src="/images/demo/banner/banner-2.jpg" alt=""/>

Fashion page

Header

Homepage of 'Fashion' layout will use a predefined header: Header-3

Access Administrator site > Extensions > Templates > Bold Simpli template style > Template Options > Layout Builder > Predefined Headers > Select header 3

# Create 'Home - Fashion' menu item

Home - Fashion page menu item has type of Articles > Category Blog and is assigned with 'bold_simpli - Home Fashion' template style.

# Articles - Category

Articles - Category
  • Module Title: Featured Articles
  • Module Type: Articles - Category
  • Module Position: top-latest
  • Layout: layout-3
  • Assigned: Home - Fashion Page
  • Screenshot Config: View screenshot

# AcyMailing subscription form

AcyMailing subscription form
  • Module Title: Subscribe & Stay updated
  • Module Type: AcyMailing subscription form
  • Module Position: section-1
  • Display Mode: Horizontal
  • Assigned: Home Fashion page
  • Screenshot Config: View screenshot

# Articles - Most Read

Articles - Most Read
  • Module Title: Most Read
  • Module Type: Articles - Most Read
  • Module Position: trend
  • Layout: grid-owl
  • Assigned: Home - Fashion Page
  • Screenshot Config: View screenshot

Custom Post Types

Beside the Standard article content type, Bold Simpli provides 3 custom post types: Gallery, Video, Audio

Creating these post types will be the same process of creating a normal Joomla article, the difference will come from Blog Options > Article Format option where you can decide it's Gallery / Video or Audio post

Access Backend of your site > Content > Articles > Add New Article

# Gallery type

Gallery Post Type

Navigate to 'Blog Options' > Article Format > select Gallery tab, then upload your desired images

# Video type

Video Post Type

Navigate to 'Blog Options' > Article Format > select Video tab, then enter the video's URL (Youtube & Vimeo videos only)

https://www.youtube.com/watch?v=YIUs1pagLnM

# Audio type

Audio Post Type

Navigate to 'Blog Options' > Article Format > select Audio tab, then embded audio code

<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/218654225&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>

Contact page

# Create 'Contact' menu item

Contact page menu item has type of Contacts > Single Contact and select contact created under Contact component. Navigate to Contact Display Options, select Plain display format


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