acub

Yes it can be done.

1. Create a child theme if you don’t already have one.
2. In functions.php of your child theme, add the following code:

add_action('get_footer', 'insert_bottom_background');
function insert_bottom_background() {
	echo '<div class="bottom-background"></div>';
	}

3. In style.css of your child theme, add the following code (assuming your images are called top_background.png and bottom_background.png and are both placed in the folder img, in your child theme’s folder. I also assumed your bottom background image is 60px high. If it’s higher or lower, modify the height declaration of .bottom-background in the code below):

#main-wrapper {background: transparent url('img/top_background.png') no-repeat center top;}
.bottom-background {background: transparent url('img/bottom_background.png') no-repeat center top; height: 60px;}

Copy /customizr/parts/class-main-footer.php to [your child theme]/parts/class-main-footer.php and modify it to suit your needs. Save & upload. It will have priority over the one in the parent theme and it will be kept over future upgrades of Customizr.

The simple way of adding the featured image to the post is to add the result of

if ( has_post_thumbnail() ) {
	the_post_thumbnail();
}

into it. Everything else I did (in the first answer) was feed the function size and class arguments.

You either create a shortcode and add it in functions.php, as I did above, or you install a plugin that allows you to input php in your post. Full documentation here.

Yes, it is.

Assuming you know how to create a child theme (there’s a short tut on Customizr’s FAQ list on their website), add this code in your child theme’s functions.php:

add_shortcode('tc-my-thumb', 'tc_my_post_thumbnail');
function tc_my_post_thumbnail($atts) {
	extract( shortcode_atts( array(
		'size' => 'medium',
		'class' => 'my-thumb-class'
	), $atts ) );
	ob_start();
	echo '<div class="'.$class.'">';
	if ( has_post_thumbnail() ) {
		the_post_thumbnail($size);
	}
	echo '</div>';
	$output = ob_get_contents();
	ob_end_clean();
	echo $output;
}

Now, all you have to do is add [tc-my-thumb] in your posts, where you want the thumbnail. You can choose one of the default sizes (thumbnail, small, medium, full or x,y (in pixels); more on this here) and you can also wrap the thumb in your class of choice, using the following syntax:
[tc-my-thumb size=”medium” class=”my-thumb-class”]
The thumb is wrapped in a div.my-thumb-class by default but you should replace that generic name with class names of your own, depending on how many sizes of thumbs you want to display site-wide, and style them to your liking.

If you want the bubble effect on the thumb you’ll want to change the lines:

if ( has_post_thumbnail() ) {
		the_post_thumbnail($size);
	}

with:

do_action( '__post_thumbnail' , $size );

in the function above, but in this case you’ll have to define your own .my-thumb-class .round-div classes in CSS or you might see some corners (get inspired from first page or the posts lists).

@killasonna: sorry for the late reply, i was in a small vacation.

Debugging your issue should be done like this:
Create a test sub-domain. Clean install WP and Customizr and input content just enough for the slider to work. Test the code and see if it fades nicely. If it works, start adding the mods/scripts/plugins you have on your live website. After each one check the slider until you find the culprit.

If it’s the last one you add, it’s all Murphy’s mother fault.

@bnock:
You actually want to strip the data-toggle=”dropdown” and data-target=”#” declarations from the page. So you need to find and replace them with a space. Those declarations are making the parent anchors not go where they’re supposed to, but instead to “#” (dead links). By removing them you keep the elements in the menu with their original links.

You could replace them one by one, with two sepparate replaces, but I noticed they’re always together, in that order, so you may strip them in only one replace.

I thought I took care of that with the

top: 96%;

declaration. I’m not losing the .dropdown-menu on my website, in any browser, and I don’t use margin:0 on .dropdown-menu, no matter how slowly I move on those pixels. Are you losing it?

But, imho, this is a minor issue, it’s just that I don’t like the dropdown to overlap .navbar-inner, which is visible on my site, unlike on yours.

You are right in principle.

@electricfeet: your slider works fine. 2 seconds transition. Very stylish. 🙂