Back to Documentations

Bold Bold

Theme version: 1.0.4 — 21 January 2019

Table of Contents

Installation via WordPress Theme Installer

  1. Login to your WordPress Dashboard, go to Appearance → Themes.
  2. At the top, click Add New, then click Upload Theme.
  3. Choose the zip file you will find within the whole package that you downloaded from Themforest.
  4. Click Install Now.
  5. The last step is to click Activate once all the files are correctly uploaded.

Upload Theme

Choose Theme

Activate Theme

Installation via FTP

  1. Login to the SFTP/FTP account for your site.
  2. Navigate the to the WordPress directory, and follow the path wp-content/themes.
  3. Extract file (it’s in the zip file you downloaded) and upload the bold folder.
  4. Once it’s uploaded, go to your WordPress Dashboard, browse to Appearance > Themes.
  5. You will see the screenshot for the Bold theme, just click the Activate link and you are ready to go.

Import Demo Data

The theme comes with the demo content that you can import with one click button.

First, you will need to install the One Click Demo Import plugin then activate it.

Second, go to Appearance > Import Demo Data and click the Import Demo Data button. It will take a few seconds, then you are done and have the demo content installed.

Import Demo Data

Theme Customizer

WordPress customizer is a tool which allows you to modify the look and feel of your website, you can see the changes live as you edit the options. To open it, go to Appearance > Customize.

Theme Customizer

Site Identity

This is where you can set different things:

  1. Upload a site logo.
  2. Set the Site Title and Tagline.
  3. Set the footer copyright content, this support HTML coding, if this is not set, the copyright will be as like © 2017 Bold.
  4. You can also hide or show the header search icon.
  5. Display or hide Site Title and Tagline on the Home Hero section.
  6. Upload the site icon (favicon) which is used as a browser and app icon for your site.
Header Image

In this section, you can set the Header Image which will then be used in the Home Hero section.

Here you can create a new menu, add links to it set the menu location.


This will help you control the widgets which are supported in the site footer, you can add a new widget or remove one.

Static Front Page

Here you can set the homepage for your website. It could be the blog page with a list of posts, or it could be a page like the about page for example.

Additional CSS

This is a great place if you want to add more CSS styling to your website.

Adding Posts

  • Go to Posts → Add New.
  • Add a title.
  • Select a post Category.
  • Add some relevant Tags.
  • Choose a Featured Image.
  • Write your post content in the content area.
  • Click Publish and you’re all done.

Adding New Post

Create New Post

To create the excerpt content on the post card, put your cursor where you want to end the excerpted content of your post and click the more quick tag button.

Excerpet Button

Excerpet Button Action

Excerpet Content Card

Adding Pages

  • Go to Pages → Add New.
  • Add a title.
  • Set the Page Attributes like the Parent or leave the default one.
  • Choose a Featured Image.
  • Write your post content in the content area.
  • Click Publish and you’re all done.

Adding New Page

Create New Page


The footer section has four registered widget sections. Widgets could be added to these areas by navigating to Appearance > Widgets.


Footer Widgets

To create a new menu:

  1. Navigate to WordPress Dashboard > Appearance > Menus
  2. You can see a panel where you can create a new menu, click create a new menu link to create one.
  3. Give the new menu a name, for example, Primary Menu, then click the Create Menu button to create it.
  4. From the drop-downs on the left, choose the content to add to your menu.
  5. Nest & position menu items by dragging & dropping them.
  6. Be sure to check the box to set the menu as “Primary Menu” from the Display location option.
  7. Save menu

Add New Menu

Create New Menu

Edit Menu

You can create a menu as the above steps, with a custom link to the social media site, then you can assign the menu to the Social Menu location in the Display location option.

Edit New Social Menu

Bold is using Social Logos. You can look this gallery for all the available icons.

Home Hero


The hero section shows the blog Tagline and the Header Image.

To set the Tagline, go to Appearance > Customize then Site Identity.

To set the Header Image, go to Appearance > Customize then Header Image.

If the Header Image does not exist, the hero section will be hidden, but you can show only the Header Image without the Tagline.

Contact Page

The first thing you can do is to install and activate the Contact Form 7 plugin.

Creating the Form

  • From WordPress Dashboard, navigate to Contact > Add new.
  • Now you are on the contact form page, set a form title, then and you can see different tabs which are the following:
    • Form: You can customize the form and how it will look like with some simple HTML code.
    • Mail: You can set different things like your email address and customize the message body.
    • Messages: You can set different messages visitors can see in different scenarios while sending a message.
    • Additional Settings: You can add customization code snippets.
  • Once finished the form customization, click the Save button.
  • Once saved, you will get a new code snippet highlighted in blue. This code will be used with the WordPress page, so please copy it.

Creating the Page

  • From WordPress Dashboard, create a Contact page by navigate to Pages > Add new.
  • Paste the generated contact form code into the page text box.
  • Now, your page is ready with the new contact form which you can then publish.


The demo is using the Tiled Galleries which is a Jetpack add-on that enables to display your galleries in different new styles.

First, install Jetpack and then follow this guide which will introduce you to Tiled Galleries and how to configure and create new galleries with it.


The Bold theme is fully ready to be translated into other languages and could be easily translated with application.

The theme contains the main translation file bold.pot inside the languages directory which will be used by the poedit application.

Here are simple steps:

  1. Install poedit and open it.
  2. Once the app is opened click Create new translation.
  3. Choose bold.pot the file inside the theme bold/language directory.
  4. Once the translation is done, save the file according to your language code. Find a list of language codes at WordPress in your Language. As an example, the language code for English (UK) is en_GB, so you will end up with two new files: en_GB.po and then
  5. When that’s done, simply upload the files to bold/language folder using FTP.
  6. Change the site language by going to WordPress > General > Settings and choose the target language from Site Language drop-down menu.

Theme Development

If you are a developer and need to do customization work, the theme is using Gulp to compile Sass and JavaScript. This improves the development flow and making it much faster.

First, make sure you have Node.js, npm, and Bower installed, then run the-the following commands in the theme root directory to install npm and bower dependencies.

npm install

To start Gulp, run:


This will compile Sass and JavaScript files and start watching changes as you edit files.

Your feedback is very welcome ♥

I’m open to your feedback and hear your experience about my themes and work. If you have a few minutes, please send your thoughts through this Google Form.

Thank you for your time!


Have any questions? I’m here to help.

Contact Ahmad
Ahmad Ajmi