# Show featured image full width before the content area

Source: https://seventhqueen.com/docs/kleo/show-featured-image-full-width-before-the-content-area/

The code will be added to wp-content/themes/kleo-child/functions.php

```
add_action( 'kleo_before_main', 'sq7rdu_show_featured_before_content' );
function sq7rdu_show_featured_before_content() {
	if ( is_single() && has_post_thumbnail() ) {
		echo '';
		the_post_thumbnail( 'full' );
		echo '';
	}
}
```

Below is a screenshot with an example of the function usage.

![](https://cdn.seventhqueen.com/docs/media/other/seventhqueen/Post_thumb_testing_-_Kleo_Development__2016-07-07_17-53-58.png)