Bruges WordPress Theme

This is Bruges WordPress Theme documentation v.1 by Theme Kalia team.

Introduction - #back to top


We would happily welcome feedback from you on how, if anywhere, you would like this documentation improved. If you would find anything a little bit easier and more helpful if we went into more detail, or explained something a little better - we'd be happy to hear it. We want Bruges to be the best theme! If you have any comments, please mail us via the form on https://themeforest.net/user/themekalia

Bruges is a Wordpress theme to create a website for any type of Business. Bruges comes with powerful features. Bruges is a clean responsive wordpress theme. It includes premium wordpress plugins Revolution Slider ( worth $19 ) and King Composer plugins free with theme. The theme comes with the option of contact form to allow users to contact you.

Bruges is fully compatible with latest version of plugins to allow you easy handling. The Bruges comes with one click demo and also more flexible features.

Upload and Activation - #back to top




1. Navigate to Appearance → Themes in your WordPress admin dashboard.

2. Click the Add New button at the top of the page then go for the Theme Upload option.

3. For the file upload, pick Theme Files / bruges.zip in the theme package downloaded from ThemeForest and click Install Now.

4. Click Activate once the upload has finished and you're ready for the next step: Installing the Plugins.

Installing the Plugins - #back to top


Right after the theme was activated, a notification at the top of the screen will suggest to continue with the installation of the plugins recommended for getting the best our of your theme.

1. Click 'Begin installing plugins' and select all the plugins in the list.

2. Activate the Plugins you just installed.

3. After the plugins are activated, return to Dashboard.

Dummy Content Import - #back to top


Bruges comes with one click demo installation exactly like the original demo. Just click on Import button and your demo site is ready.

1. In your Wordpress admin dashboard, navigate to Appearance → Theme Options → Utility.

2. From the page you can see the available options, click Import Demo Settings

3. Wait until you see the message Have Fun

Homepage & Blog — Setup - #back to top


To setup the blog page, in your WordPress admin panel, navigate to Settings → Reading.

Assuming you already have a page named "Blog", for the Front page display, select "A static page" and choose your "Blog" page as the Posts page. This is what you should be seeing on your screen from left side.

To setup the home page, in your WordPress admin panel, navigate to Settings → Reading.

Assuming you already have a page named "Front Page", for the Front page display, select "Home" and choose your "Home 1" page as the home page. This is what you should be seeing on your screen from left side.

Complete List of Shortcodes - #back to top


You can create this shortcode by inserting the following shortcode into page editor
[kc_row _id="203908" cols_gap="{`kc-css`:{}}" use_container="no" force="__empty__"][kc_column width="12/12" video_mute="no" _id="693359"][bunch_our_specialization _id="999047" bg_img="http://wp3.commonsupport.com/newwp/berlin/wp-content/uploads/2018/05/pattern-1.png" title="Our Specialization" text="QmVpbmcgdGhlIGxhcmdlc3QgaW4taG9tZSBkZWNvcmF0aW9uZyBzZXJ2aWNlIGluIG5ld3lvcmsgY2l0eSwgeW91IGNhbiB3b3JrIHdpdGggdXMgZnJvbSBhbnl3aGVyZSEu" alphabet_letter="B" title1="V2UgcHJvdmlkZSBjbGllbnRzIHdpdGggdGhlIGhpZ2hlc3QgcG9zc2libGUgbGV2ZWwgb2Ygc2VydmljZSBhbnl3aGVyZSBpbiB0aGUgd29ybGQu" services="eyIxIjp7Imljb25zIjoiZmxhdGljb24taG91c2UtcGxhbnMiLCJzZXJfdGl0bGUiOiJJbnRlcmlvciJ9LCIyIjp7Imljb25zIjoiZmxhdGljb24tYnVpbGRpbmciLCJzZXJfdGl0bGUiOiJBcmNoaXRlY3R1cmUifSwiMyI6eyJpY29ucyI6ImZsYXRpY29uLXNrZXRjaCIsInNlcl90aXRsZSI6IlBsYW5uaW5nIn19" title2="We stand out from all of our competitors." text1="TXVzdCBleHBsYWluIHlvdSBob3cgYWxsIHRoaXMgbWlzdGFrZW4gaWRlYSBvZiBkZW5vdW5jaW5nIHBsZWFzdXJlLg==" email="Freequote@Bruges.com" experience_title="Years Of Experience" experience_year="14"][/kc_column][/kc_row]

The shortcode will give the output as in below image

You can create this shortcode by inserting the following shortcode into page editor

[kc_row _id="383871"][kc_column width="12/12" video_mute="no" _id="167952"][bunch_services_we_do _id="875979" title="SERVICES WE DO" num="3" text_limit="11" cat="services-we-do" order="ASC" sort="date" btn_title="VIEW ALL" btn_link="#"][/kc_column][/kc_row]

The above shortcode will output the following

Know About Us

You can create this shortcode by inserting the following shortcode into page editor

[kc_row cols_gap="{`kc-css`:{}}" use_container="no" force="__empty__" _id="401193"][kc_column width="12/12" video_mute="no" _id="91956"][bunch_why_choose_us _id="674179" title="WHY CHOOSE US" num="4" text_limit="19" cat="why-choose-us" order="ASC" sort="date" bg_img="http://wp3.commonsupport.com/newwp/berlin/wp-content/uploads/2018/05/1.jpg"][/kc_column][/kc_row]

The output will look like the below

The generated shortcoe would seems like as under

[kc_row cols_gap="{`kc-css`:{}}" use_container="no" force="__empty__" _id="789473"][kc_column width="12/12" video_mute="no" _id="850087"][bunch_latest_projects _id="462640" title="LATEST PROJECTS" num="4" text_limit="8" cat="0" order="ASC" sort="date" btn_title="VIEW ALL" btn_link="#"][/kc_column][/kc_row]

The output will look like the below

You can create this shortcode by inserting the following shortcode into page editor


[kc_row _id="448675"][kc_column width="12/12" video_mute="no" _id="107372"][bunch_latest_news _id="25988" title="LATEST NEWS" num="3" cat="latest-news" order="ASC" sort="date"][/kc_column][/kc_row]

The output will look like the below

How to create contact form?

contact form will genrate via plugin contact form seven, install and activate after that go to dashbord > contact and add new form, make fields which you want and create the form, copy the genrated code and paste in shortcode.

There are many widgets go to appearence > themeoption > widgets, where you will find bunddle of widgets make sure where and which widget you want to place, just click and add the widget .

Blog — Writing New Posts - #back to top


To start adding posts to your blog, navigate to Posts → Add New.

1. Start filling in the blanks: enter your post title, write your actual body content in the main post editing box below it.

2. As needed, select a category, add tags, and make other selections from the sections below the post. 3. When your post is ready, click Publish.

Deep Diving: Since creating and editing pages requires basic WordPress knowledge, we won't cover it in detail. If you're new to WordPress, you may find the following resources valuable: How to Create a new Post How to Edit and Existing Post Using Categories and Tags

Custom Post - types #back to top


Below are the cutome post types which you could add data in theme.

Add Testimonial s data in Testimonial's custom post type.



Add Team s data in Team's custom post type.



Add Project s data in Project's custom post type.



Add Services s data in Services's custom post type.



Setting & Setup Menu - #back to top


After installation the Bruges and after dummy-content export, you need to select our main menu from WordPress admin > menus > theme locations please check below image and learn how to do.



Theme Options - #back to top


We listed below all our theme options. You can learn how we used Bruges WordPress theme options in below;

In General Settings Panel; In general setting you will find Toggle button for disable/enable the preloader.
In Map Api Key Settings Panel; In map api key setting you will find the text field for Api key.
In Logo Settings Panel; In Logo setting you will find uploader field for Favicon and logo image.
In Header Settings Panel; In Header setting you will find select field for header styles, text field for phone number, Address, toggle button for disable/enable the Social Icons, Cart Icon, search form and button.
In Footer Settings Panel; In footer setting you will find the Copyright Text and Analytics / Scripts area.
In Page Settings Panel; Control your page structures (layouts), sidebar options and which pages you want to use for search page, archive page, author page and not found page.
In Sidebar Settings Panel; Add unlimited widgets area to the your theme.
In Social Media Settings Panel; Add your social media profiles and select your social media icons.
In Font Settings Panel; Control your own typograhy elements for example; body fonts, heading fonts and font sizes.
In Client Settings Panel; Add your client images and external links here.
In Utility Settings Panel; Import export and demo import options here.

Files & Sources - #back to top


Included JavaScript

These are the various attribution inks to the Javascript files included or modified to work with in this theme.

Support Help - #back to top


Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.

Please visit our support forum or ask question @Theme Kalia

Support for my items includes:
  • * Responding to questions or problems regarding the item and its features
  • * Fixing bugs and reported issues
  • * Providing updates to ensure compatibility with new software versions
Item support does not include:
  • * Customization and installation services
  • * Support for third party software and plug-ins
Before seeking support, please...
  • * Make sure your question is a valid Theme Issue and not a customization request.
  • * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
  • * Make sure to double check the theme FAQs.
  • * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
  • * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.

Version History - #back to top


You can find the version history (changelog.txt) file on Bruges-full.zip folder or you can check changelog on theme sale page.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.