[Alison]

I’m trying to get the order of things right on my website http://www.thecoachingkitchen.com and having problems! Basically this is the order I’d like things to appear in:

Featured Content
Promotion Headline
Header Image

I’ve had things in every order but this – is there a way to do it?

I;ve tried setting promotion headline to be after featured content and header image to be below promo headline, but end up with

Header image
Featured Content
Promo headline

Seems whatever combination of settings I use doesn’t give me the setting I want! Any help much appreciated.

[Sakin]

@Alison: Ok for that
1. Go to “Appearance => Theme Options => Promotion Headline Options => Promotion Position” and select “After Featured Content”.

Then you will see
i. Header Image
ii. Featured Content
iii. Promotion Headline

But you want
i. Featured Content
ii. Promotion Headline
iii. Header Image

2. For that you need to build child theme. For child theme refer to http://catchthemes.com/blog/create-child-theme-wordpress/.

Then add the following code in your child theme functions.php file.

// Unhook default Adventurous functions
function unhook_adventurous_functions() {
    remove_action( 'adventurous_before', 'adventurous_featured_image_display', 10 ); 
}
add_action( 'init', 'unhook_adventurous_functions' );

//Adding Featured Image  after promotion headline
add_action( 'adventurous_before_main', 'adventurous_featured_overall_image', 101 );

[Hair Bear]

Hi Sakin, speaking about the promotional headline, is it possible to:

1. Slightly reduce the gap between its text and the background image here…
seanofthecongo.co.uk ?
2. Reduce the gap between the bottom of the text and the four featured content images (so that the gap is the same as that between the top of the text and the background image)?
3. Is it possible to reduce the width of the promotional headline box (to about 3/4 size), and if so, can I somehow put an image to its right? thanks.

[Sakin]

@Hair Bear:
1. You can reduce the padding in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:
#homepage-message { padding: 30px 0; }

2. I don’t see the gap

3. To add image in your promotion headline box. You can add image html code. Check this http://www.w3schools.com/html/html_images.asp

[Author]

Posts