Wordpress woes RE flex slider

[Nick]

Hi all, I'm helping my boss with his pub website and to be honest my website skills are somewhat below par but anyway. I'm trying to put a "flexslider" over a static image on the home page but whenever I do this happens...

imgur: the simple image sharer

Obviously I want that blue box to be part of the blue slider box over the image.

Here's the code:

[flex_slider]

<img src="http://themanorarms.co.uk/wp-content/uploads/2014/11/MA-Front-Image.jpg" alt="MA Front Image" width="1274" height="849" class="aligncenter size-full wp-image-209" />

[flex_slider_item]
<h2 class="medium">Welcome to the Manor Arms Inn</h2>
A traditional village pub set in the heart of the Worcestershire countryside. As a free house we offer all the usual beers and feature a selection of ales from local breweries.

[/flex_slider_item]
[flex_slider_item]
<h2 class="medium">Great fresh food...</h2>
Our Head Chef has sourced high quality local fresh produce for a range of traditional dishes along with some interesting specials.

[/flex_slider_item]
[/flex_slider]

Any help is greatly appreciated as always

 

[carnageX]

Does the WP flex slider allow you to nest non "flex_slider_item"s inside the "flex_slider" control tag?