Brasserie Documentation

Greetings! Below you will find complete documentation for Brasserie and Brasserie Pro WordPress Themes.

General Information - Top

First of all, we want to say thank you for choosing Brasserie theme for your website. We will do everything we can to provide you the best support possible. Feel free ask us if you need more help.

Activate Automatic Upgrades - Top

Pro Version Only

We have included automatic upgrades for this theme but before you can take advantage of this one-click upgrade facility you must first activate your licence.

  1. Select and activate Brasserie from the themes screen.
  2. Navigate to Appearance -> Theme Licence
  3. Paste in your licence key in the the field provided and Save changes
  4. Click Activate Licence Button
  5. Once activated you should see the licence details
  6. Congratulations, your theme licence is now activated and you will recieve notices of any theme updates in the WordPress Admin panel.

FAQ - Top

Below are some of our more common support questions.

Is there a way I can add my own CSS touches?
Definitely! We have included a "Custom CSS" textarea admin page. You can find this page here: "Appearance/Custom CSS". Add styles here to override any of the default styles.
Runthrough of Custom CSS Pro Version Only
Can I use my own exact color instead of one of the color schemes?
You sure can! If you access the "Apprearance/Customizer" then navigate to Site Settings/Colors you will be able to select the exact color you need.

Sources and Credits - Top

This theme takes advantage of these generous tools:

Getting Started - Top

In this section we will go over the process of setting up WordPress environment, next I will show you how to install and activate your brand new theme. Finally you will learn how to setup all of the key features of Brasserie theme.

Preparing Wordpress - Top

If you already have WordPress installed on your server just skip to the next section. If you haven't yet installed WordPress on your server, here you will find a complete guide on this topic. Just follow the steps and you will be ready in no time with a WordPress website.

Installation and Theme Activation - Top

Each WordPress Theme can be installed in two ways: via ftp client or through the admin panel:

Installing Theme via WordPress Admin Panel (recommended):
  1. open the wp-admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/),
  2. login to your wp-admin panel, then from the main menu sidebar, choose 'Appearance -> Themes',
  3. at the top click 'Install Themes' tab,
  4. under the header click the 'Upload' link,
  5. you will be redirected to upload form, click the 'choose file' button and navigate to and select the Brasserie.zip or Brasseriepro.zip file you downloaded from us then click 'open',
  6. once the theme is done uploading it will automatically install,
  7. after the installation you will be able to activate the theme to do this click the "blue" activation link.
Installing WordPress Theme via FTP client:
  1. unzip the 'Brasserie.zip' or 'Brasseriepro.zip'
  2. connect to your server,
  3. navigate to the folder where your WordPress is installed,
  4. drill down to /wp-content/themes/,
  5. upload the 'Brasserie' or 'Brasseriepro' unzipped folder into the 'themes' directory (the path will look like this: wp-content/themes/Brasseriepro),
  6. On your web browser navigate to your wordpress installed website admin section e.g www.your_domain.com/wp-admin
  7. login to your wp-admin panel, then from the main menu sidebar, choose 'Appearance -> Themes',
  8. find the 'Brasserie' or 'Brasseriepro' theme and click the 'Activate' button next to it.
  9. You have now installed and activated Brasserie theme!

Brasserie supports custom menu and you can set it by using the following steps.

  1. Go to Appearance->Menus.
  2. If you have no menu's created you will see the following sentence "Edit your menu below, or create a new menu.". Use that link to create your menu.
  3. Give your menu a suitable name and click the "Create menu" button.
  4. Within the "Edit Menus" tab you have the tools to build your menu. Be sure the menu name is the one you just created.
  5. Start adding pages, links and categories from the left panel by selectin the checkboxes and clicking the "Add to menu" button.
  6. Once you have some menu items added you can click+hold on a menu item and drag it into the position you want it to appear.
  7. Once your happy with the menu items and their position, click the "save menu" button and view the results on the front-end of the site.

Video Tutorial - Create Custom Menus

If your looking to achieve a visual effect on the menu with icons next to the menu name use follow the instructions below.

  1. Visit Font-Awesome and navigate to the icon your interested in and open its detail page.
  2. Copy the snippet of code that looks like the screenshot below.
  3. font-awesome screenshot
  4. Go to your Menu admin and expand the menu element your interest in and paste the snippet before the link title.
  5. Menu Icon Paste screenshot

Setup Brasserie like the demo - Top

Pro Version Only

If you want to your theme to have the Brasserie Pro demo from TemplateExpress please follow this guide, it should take up to 15 minutes.

  1. Create a new page called "homepage".
  2. In that page admin - select "custom homepage" template from the dropdown.
  3. Create another page called "Blog"
  4. Now go to Settings -> Reading from the dashboard
  5. Choose your static homepage as your new "homepage" page.
  6. Select "Blog" as your blog page.

Import the data

  1. In your sites Admin section, navigate to 'Tools -> Import' and select Wordpress from the list of links.
  2. You may have to install the Wordpress Importer if you've not used this function before. If so click the Blue 'Install Now' button and follow the instructions
  3. Once you have the Wordpress Importer working you will see an upload tool. We have included an xml file inside the discoverypro.zip file.
  4. upload this file: discoverypro/demo_content/brasseriepro.wordpress.2016-03-23.xml from the unzipped discoverypro.zip file.
  5. Answer following questions as required. Be sure to check the Import Attachments checkbox to ensure you see the demo images.

Now some configuration

  1. Install a plugin that allows you to import the demo customizer options: Customizer Export/Import
  2. Once installed and activated you will see a new section in the customizer (at the bottom of the list).
  3. Open this section up and you will see an upload function with an import button.
  4. Select the .dat file thats inside the demo_content folder in your theme.
  5. Import and check the box for including media.

Customizing Sidebar & Footer with widgets - Top

After installing the theme, your sidebars will be empty or have default widgets. These can be populated or edited using the following steps:

  1. From main Admin Dashboard go to Appearance -> Widgets.
  2. You can drag and drop widgets into the relevent Widget containers.
  3. You can change position of each widget by clicking and holding on the widget title then drag it into position.
  4. Brasserie includes some extra widget areas in the footer and the left-sidebar templates. These can be populated using the same steps as above.

Video Tutorial - Adding some widgets

Recommended Image Sizes - Top

Here we suggest image dimensions to make your experience with Brasserie great!

  • Logo = 200px width 90px height
  • Slider images = at least 1700px width. The Brasserie demo site images are 1700x width and 500px height.
  • Header = same as slider images

These are just recommendations and there is some flexibility with sizes.

Custom Site Settings - Top

Change Site Title & Tagline

  1. Navigate to Appearance -> Customize
  2. Expand "Site Settings" Panel
  3. Expand "Site Title & Tagline"
  4. Change the text for Site Title or Tagline or even hide the both
  5. Press "Save and Publish"

Upload Logo

Brasserie gives you the ability to upload a custom logo.

  1. Navigate to Appearance -> Customize
  2. Expand "Site Logo"
  3. Select image from your files (consult reccomended sizes)
  4. Press "Save and Publish"

Custom Header Image

Brasserie gives you the ability to upload a header image that will display throughout the site.

  1. Navigate to Appearance -> Customize
  2. Expand "Header Image"
  3. click "Add New Image" and upload an image (consult reccomended sizes)
  4. Press "Save and Publish"

Pick your colors

We have included a tool to let you pick your own color.

  1. Navigate to Appearance -> Customize
  2. Expand "Site Colors"
  3. Pick your color from the Header text color picker to change the color of the Header title and sub title texts.
  4. Pick your color from the Theme Highlight color picker to change the color of theme.
  5. Press "Save and Publish"

Font Settings - Top

More Options in Pro Version

Brasserie Theme includes access to Google Font Library to customize body and header fonts

  1. Navigate to Appearance -> Customize
  2. Expand "Typography" Panel
  3. Select a font for Body Text
  4. Select a font for Header Text
  5. Save Changes

Top Bar Contact Details

Get your contact details in the header showing them throughout your site.

  1. Navigate to Appearance -> Customize
  2. Expand "Top Bar Contact Details"
  3. Options:
    • Telephone Number
    • Email Address
  4. Press "Save and Publish"

Add Social Media account links to header

More Options in Pro Version

We have loads of social media accounts you can add to the header as small icon links.

  1. Navigate to Appearance -> Customize
  2. Expand "Social Media Accounts"
  3. Add the full url into the desired social media account. e.g. https://twitter.com/templateexpress
  4. Press "Save and Publish"

Custom Homepage Settings - Top

There are lots of options within this section for you to create a personal homepage. Control layout, hide and show elements add a slider and much more...

Setup Homepage


Setup Custom Homepage

  1. Create a new page or use an existing page
  2. Select "Custom Homepage" from the Template dropdown option
  3. Save page
  4. Go to "Settings -> Reading"
  5. In the Front page displays section mark the "Static page" button and select your page from the Front page dropdown.
  6. Save and check the homepage on the live site and you should see the custom homepage template in action.

Control Slider

We have included the option for a slider on the Custom Homepage. The slider is fed by your posts and their featured images. You can turn the slider on or off

  1. Navigate to Appearance -> Customize
  2. Expand "Homepage Settings" Panel
  3. Expand "Homepage Slider" section
  4. Select No Slider or Flexslider from the dropdown
  5. Press "Save and Publish"

Promotional Bar

On the custom homepage you may want to draw attention to campaign or particular page. This is what the "Featured Promo Bar" is perfect for. Add some text and a link, simple!

  1. Navigate to Appearance -> Customize
  2. Expand "Homepage Settings" Panel
  3. Expand "Homepage Promotion Bar" section
  4. Select colors for backgrounds and texts
  5. Add relevent text to the fields
  6. Make sure the URL is the full http path.
  7. Press "Save and Publish"

Feature Text Boxes

You can display the services you provide or draw attention to something with these three useful boxes.

  1. Navigate to Appearance -> Customize
  2. Expand "Homepage Settings" Panel
  3. Expand "Homepage Feature Text Boxes" section
  4. Add content to the three boxes. Expand each "Feature Text Box (1, 2, 3)" section
    1. Upload image to add spice to the box
    2. Add some header and body text
    3. Add a full http URL for each box
  • Press "Save and Publish"
  • Todays Specials Section

    You can display the beautiful images of your specials with these four small useful boxes.

    1. Navigate to Appearance -> Customize
    2. Expand "Homepage Settings" Panel
    3. Expand "Todays Specials" section
    4. Add content to the four boxes. Expand each "Todays Specials Logos (One, two, three, four)" section
      1. Upload an image
      2. Add the full http URL
  • Press "Save and Publish"
  • Creating an Authors /Team page - Top

    Pro Version only

    1. Create new page or use existing page
    2. Select "Display Authors" from the Template dropdown option
    3. This will now display a page with all users you have registered on your site and their profiles.
    4. Now navigate to Appearance -> Customizer
    5. Expand the "Team Pages" Section
    6. Select the User Role you want to display. If you want more than one, simply hold down CTRL/CMD and choose more.
    7. Click "Save & Publish"
    8. Navigate to Authors page on the front end and you should see your changes

    Creating a Contact Page - Top

    Pro Version only

    Brasserie includes a Contact Page Template If you need a simple contact form on your site.

    1. Create new page or use existing page
    2. Select "Contact Page" from the Template dropdown option
    3. This will now display a page with a contact form displayed below page content.
    4. The contact form will send forms to the email address set in Settings -> General

    Creating a Menu Page - Top

    Brasserie integrates with the hugely popular menu builder plugin “Food and Drink Menu” from the wonderfully talented Theme of the Crop.

    1. Download the Food and Drink Plugin and install.
    2. Create new page or use existing page.
    3. Paste plugin shortcode into page as per plugin instructions.

    Creating a Table Booking Page - Top

    We’ve integrated with another popular plugin “Restaurant Reservations” from Theme of the Crop. This highly customizable form builder looks great and is dedicated for table bookings.

    1. Download the Reservations Plugin and install.
    2. Create new page or use existing page.
    3. Paste plugin shortcode into page as per plugin instructions.





    Once again, thank you for purchasing this theme. As we said at the beginning, we are glad to help you if you have any questions relating this theme. No guarantees, but we'll do our best to assist. If you have any suggestions on how to improve our themes or documentation please share them!

    Note: we will be improving and adding to the premium version more often than the free version.

    Template Express