Go to Downloads section of your ThemeForest account and download BigBang Wordpress theme.

I prefer FTP overwriting all theme files. To do that, unpack the file and unpack the file bigbangwp.zip. You’ll see bigbangwp folder. Upload this folder to your server to wp-content/themes/ and overwrite all.

Another way is to delete current version from the WP Dashboard and upload bigbangwp.zip file.

All settings are in database so there’s nothing to worry.

If you’ve changed some core files, you should upload only new files. These files are listed in style.css in theme root folder (bigbangwp)

This happens because of your permalink structure.

1st try to use default (ugly one) permalink structure to see if it’s working.

If it works, try to change slug of portfolio page. If this doesn’t help, change default rewrite slug for portfolio custom type in includes/bra_theme_functions.php

'rewrite' => array('slug' => 'portfolio'),

After that update permalink settings…

If you want to have the same layout on all devices, you’ll have to edit CSS files in folder css (blog.css, style.css, flexslider.css)

Delete (from the end of each file) all after (and this line too)

@media only screen and (min-width: 768px) and (max-width: 959px) {

Also from header.php delete

    <meta name="viewport" content="initial-scale=1, maximum-scale=1" />
    <meta name="viewport" content="width=device-width" />

Let’s say you have 4 filters and ALL label in front.

Add this code to Extra JavaScript in Brankic Panel (I think this code is easy to understand)

jQuery(document).ready(function($){
    $nav = $("#portfolio-nav");
    $nav_1 = $nav.find("li:nth-child(1)"); // ALL
    $nav_2 = $nav.find("li:nth-child(2)");
    $nav_3 = $nav.find("li:nth-child(3)");
    $nav_4 = $nav.find("li:nth-child(4)");
    $nav_5 = $nav.find("li:nth-child(5)");
    $nav.empty();
    $nav_5.append("<span>/</span>"); // old last item
    $nav_3.find("span").remove(); // new last item
    $nav.append($nav_1).append($nav_2).append($nav_5).append($nav_4).append($nav_3);
});

It’s Ostrich Sans

Add this to Extra JavaScript in Brankic Panel

jQuery(document).ready(function($) { 
$(".item-info-overlay").remove();
});

Add this to Extra JavaScript in Brankic Panel

jQuery(document).ready(function($) {
$(".clients a").removeAttr("rel")
});

In your Visual editor click on image and click on EDIT IMAGE icon (top left). Insert URL in Link URL field and add

?iframe=true&width=100%&height=100% at the end of URL 

(e.g. http://www.brooksrunning.com/?iframe=true&width=100%&height=100%)

Add this to Extra JavaScript in Brankic Panel

jQuery(document).ready(function($) { 
$("img").each(function(){
if ($(this).attr("src") == "") $(this).parent("a").parent(".post-media").remove();
})
});

Add this to Extra JavaScript in Brankic Panel

jQuery(document).ready(function($) {
$(".content-wrapper img").parent("a").attr("data-rel", "prettyPhoto[]");
});

Add this to Extra JavaScript in Brankic Panel

jQuery(document).ready(function($) {
$(".grid a").removeAttr("rel");
$(".grid a").removeAttr("data-rel");
});

Click on the image, click on Edit Image icon, go to Advanced settings and in Link Rel add prettyPhoto[]

Add this to Extra JavaScript in Brankic Panel

jQuery(document).ready(function($) { 
$(".trigger-button:first").addClass("active")    
$(".accordion:first").show();      
});

Add this to Extra CSS in Brankic Panel

.dsq-postid {
font-size: 9px!important;
}

You have to do it manually in slider.inc.php (Appearance -> Editor)

There are separate codes for sliders on page, blog single and portfolio.

It’s because of permalinks and how WP manage slugs. Try this. Add

flush_rewrite_rules();

to bra_theme_functions.php (Appearance -> Editor) in function create_post_type(), so it should look like this

function create_post_type() {
    register_post_type( 'portfolio_item',
        array(
            'labels' => array(
                'name' => __( 'Portfolio Items' ),
                'singular_name' => __( 'Portfolio Item' ),
                'add_item' => __('New Portfolio Item'),
                'add_new_item' => __('Add New Portfolio Item'),
                'edit_item' => __('Edit Portfolio Item')
            ),
            'public' => true,
            'has_archive' => true,
            //'rewrite' => false,

            'rewrite' => array('slug' => 'portfolio'),
            'menu_position' => 5,
            'show_ui' => true,
            'supports' => array('author', 'title', 'editor', 'thumbnail', 'excerpt', 'custom-fields', 'revisions', 'post-formats', 'comments')

        )
    );
flush_rewrite_rules();
}

If you have latest version of BigBangWP, there is a option for that in Brankic Panel.

If you have older version, please update it.

If you don’t want to update it you have to delete some things from some of the files.

From css folder / style.css, blog.css, flexslider.css from the end of each file remove media queries (from this line (including this line too))

@media only screen and (min-width: 768px) and (max-width: 959px) {

From header.php remove these 2 lines

    <meta name="viewport" content="initial-scale=1, maximum-scale=1" />
    <meta name="viewport" content="width=device-width" />

This should be all you have to do

We said in the help file we’ll do it for you, but right now we’re very busy so we can’t do it anymore

In the help file is section Importing Demo Content so please follow the instructions…

Add 5th icon box shortcode and add this to Extra JavaScript in Brankic Panel

jQuery(document).ready(function($) { 
                $(".page-id-19 ul.grid.row4.services").removeClass("row4").addClass("row5");
                $(".page-id-19 ul.grid.row5.services li").addClass("last-row");
        $(".page-id-19 ul.grid.row5.services li").removeClass("last");
        $(".page-id-19 ul.grid.row5.services li:last").addClass("last")
});

ps: yo have to check your page id. You can see it in the source of the page, next to BODY tag…

Add this to Extra CSS in Brankic Panel

.item-info-overlay {
  background: rgba(249, 110, 91, 0.5);
}

(4th value is opacity)

Illlusio’s explanation:

Creating the Portfolio Page:

1. Go to the section that says ‘Portfolio Items’ and create a parent category e.g. Portfolio. Ensure that the slug (which will be the url) says something slightly different, like ‘portfolio_cat’.

2. Create sub categories, e.g Photography, Design, Illustration and assign those to the ‘Parent’ category ‘Portfolio’.

3. Go to Pages, and create a new page and call it ‘Portfolio’. Also, make sure the ‘Permalink’ at the top of your new page is slightly different, e.g. ‘portfolio_page’.

4. Go to back to the ‘Portfolio Items’ section in the side bar, and click on ‘Add New’.

5. On your new item page, add some descriptive text in the text field about your project. Then ensure (and this is VERY, VERY important) you add a ‘featured image’ (this is the one that will be included on your ‘Portfolio’ page). Then add ‘exta images, with caption and descripion. Save.

6. In the ‘Appearance’ section, go to Menus. If you have not already done so, then create your Menu and add your pages. Add your Portfolio page from the ‘Pages’ box. It will appear at the bottom of the list on the right, drag it to where you wish it to appear in your menu. Then go to the ‘Items’ box, click on each item you want to be in the menu. Then drag them up to the Portfolio box, though move the item boxes slightly to the right, so they will appear as sub menus on your site. Then save the menu.

7. Open your Portfolio page and use the Portfolio shortcode generator (which is a little icon). You must make sure that in the section that says ‘Category to show’ you have chosen the parent category, e.g ‘Portfolio’, then choose how many colomuns you wish etc and click on submit. That should do it. Make sure that in the shortcode on your page you see the correct ‘cat id’ for the parent category. You can check it is the correct id by going to ‘Portfolio Categories’, hover over the parent category and the url for that category will appear at the bottom of your browser, so you can check that the id is the same.

8. Save page, cross fingers for luck.

ps: only one remark from the author: you don’t have to use portfolio custom post type (and categories). You can use and normal blog posts and categories. There will be no difference on portfolio page, only single posts will have different layout.