Autofocus+ Pro: Increase image height on front page sticky post? WordPress

Jens Filipsson comments:

I mean: change 600 to the image height you want to use...

Jens Filipsson comments:

I downloaded the theme you use. In you functions.php file in the theme directory, find this line and change 300 to the height you want!

add_image_size( 'front-page-thumbnail', 800, 300, true ); // Front Page thumbnail size

Jens Filipsson comments:

So you don't have to make the changes i wrote at first...

Jens Filipsson comments:

Did you change the code in <strong>functions.php</strong> file as I said? Not style.css..

Now that we have some more info, lets try this:

Once again, you should change 300 on this or a smiliar line in <strong>functions.php</strong> to the height you want.

add_image_size( 'front-page-thumbnail', 800, 300, true ); // Front Page thumbnail size

Then in the slider css, change these three 300px to the same amount of pixels you wrote in functions.php

.anythingSlider {width:800px;height:300px;margin: 0 auto 4px;position:relative;overflow:hidden;}
.anythingSlider .wrapper {width:800px;height:300px;position:absolute;top:0;left:0;overflow:hidden;}
.anythingSlider ul li {width:800px;height:300px;padding:0;margin:0;display:block;float:left;position:relative;}

You also need to re-upload your image, once you have done these changes.

If it still doesn't work, you might also have to change this line in your <strong>functions.php</strong> (might be one more than one place):

add_option('aflarge_size_h', '300');

Jens Filipsson comments:

So if you would like it to be 400 pixels, this is how it would look in <strong>functions.php</strong>:


add_image_size( 'front-page-thumbnail', 800, 400, true ); // Front Page thumbnail size

This is how it would look in <strong>style.css</strong>:

.anythingSlider {width:800px;height:400px;margin: 0 auto 4px;position:relative;overflow:hidden;}

.anythingSlider .wrapper {width:800px;height:400px;position:absolute;top:0;left:0;overflow:hidden;}

.anythingSlider ul li {width:800px;height:400px;padding:0;margin:0;display:block;float:left;position:relative;}

Then <strong>re-upload</strong> your picture/pictures (inside wordpress).

If it's still not working, also this line (on all places it appears) should look like this in your <strong>functions.php</strong> file:

add_option('aflarge_size_h', '400');

Then once again, <strong>re-upload</strong> the picture/pictures inside wordpress, and assign it to the post.

Jens Filipsson comments:

You might also need to make some changes in this file:

http://www.marydaros.com/adventures/wp-content/themes/autofocuspro/css/portfolio-layout.css

Once again change 300 to 400 or whatever height you want


/* Featured Area Styles */
.blog #content #featured-slider-container .hentry.sticky {width:800px;height:300px;margin:0;}

.blog #content #sticky-feature {width:800px;height:300px;margin:0 0 16px;display:block;}

.blog #content #sticky-feature .hentry.sticky {width:800px;height:300px;margin:0;}

Mary comments:

Thank you so much for your help so far. I have not been able to find this code in functions.php

"add_image_size( 'front-page-thumbnail', 800, 400, true ); // Front Page thumbnail size"


I have been able to make the area larger, but it is not generating a larger thumbnail (I have reuploaded image) so I am not sure where to make the thumbnail change. Could not find the above code or any code that refers to the sticky thumbnail size.

????

Jens Filipsson comments:

The file you need to change things in is functions.php, place in your theme directory. You can find it here:

http://www.marydaros.com/adventures/wp-content/themes/autofocuspro/functions.php

If you can't find it in that file, then please paste the content of that file here and I will take a look at it!

Mary comments:

Jens -- here is the functions.php file:

<?php

// Set Up AutoFocus+ Pro
// - Tell WordPress to run af_setup() when the 'after_setup_theme' hook is run.
add_action( 'after_setup_theme', 'af_setup' );

if ( ! function_exists( 'af_setup' ) ):
function af_setup() {
// Define constants
define('STYLESHEET_DIR', get_bloginfo('stylesheet_directory'));
define('TEMPLATE_DIR', get_bloginfo('template_directory'));

// This theme styles the visual editor with editor-style.css to match the theme style.
add_editor_style();

// This theme uses post thumbnails
add_theme_support( 'post-thumbnails' );

// Add AutoFocus+ Pro Header
define( 'HEADER_TEXTCOLOR', '' );
// No CSS, just IMG call. The %s is a placeholder for the theme template directory URI.
define( 'HEADER_IMAGE', '%s/css/headers/path.jpg' );

// The height and width of your custom header. You can hook into the theme's own filters to change these values.
// Add a filter to twentyten_header_image_width and twentyten_header_image_height to change these values.
define( 'HEADER_IMAGE_WIDTH', apply_filters( 'af_header_image_width', 400 ) );
define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'af_header_image_height', 50 ) );

// We'll be using post thumbnails for custom header images on posts and pages.
// We want them to be 50 pixels wide by 50 pixels tall.
// Larger images will be auto-cropped to fit, smaller ones will be ignored. See header.php.
set_post_thumbnail_size( HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT, true );

// Add AutoFocus+ Pro Header styles for Admin
add_custom_image_header( '', 'af_admin_header_style' );

// Default custom headers packaged with the theme. %s is a placeholder for the theme template directory URI.
register_default_headers( array(
'autofocus' => array(
'url' => STYLESHEET_DIR . '/img/logo.png',
'thumbnail_url' => STYLESHEET_DIR . '/img/logo.png',
'description' => __( 'AutoFocus Logo', 'thematic' )
)
) );
}
endif;

// Add AutoFocus+ Pro Header styles for Admin
if ( ! function_exists( 'af_admin_header_style' ) ) :
function af_admin_header_style() {
global $options;
foreach ($options as $value) {
if (get_option( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_option( $value['id'] ); }
} ?>
<style type="text/css">
/* Shows the same border as on front end */
.appearance_page_custom-header #headimg {min-height:50px;border-width:0;padding:0;margin:0;background:#FFF;background-repeat:no-repeat;background-position:0 center;width:292px;margin:0 16px 0 0;float:left;clear:none;display:block;}
#headimg:hover {background-color:#<?php echo $af_hover_color; ?>;}
#headimg h1 {line-height:50px;position:relative;padding:0 0 0 50px;margin:0;}
#headimg #name {color:#<?php echo $af_hover_color; ?>;padding:0 8px;font-size:22px;font-weight:200;text-decoration:none;line-height:50px;font-family: "Garamond", "Hoefler Text", Times New Roman, Times, serif;}
#headimg:hover #name {color:#FFF;}
#headimg #desc {display:none;}
</style>
<?php }
endif;

// Set default content width for images in post content
$_GLOBALS['content_width'] = 494;

// Conditional test for IE6
function browser_ie6() {
$agents = array(
'MSIE 6.0'
);
foreach ($agents as $agent) {
if (strpos($_SERVER['HTTP_USER_AGENT'], $agent) or isset($_GET[$agent]) && $_GET[$agent] ) {
return true;
}
}
return false;
}

// Theme Options --------------------------------------------
$afthemename = "AutoFocus+ Pro";
$afshortname = "af";
$afoptions = array();

function autofocus_options() {
global $afthemename, $afshortname, $afoptions;
$af_categories_obj = get_categories('hide_empty=0');
$af_categories = array();
foreach ($af_categories_obj as $af_cat) {
$af_categories[$af_cat->cat_ID] = $af_cat->cat_name;
}
$categories_std = array_unshift($af_categories, "Select a category:");

$afoptions = array (

array( "name" => __( 'Layout', 'thematic'),
"desc" => __('Choose your layout options.','thematic'),
"type" => "subhead"),

array( "name" => __('Homepage','thematic'),
"desc" => __('Choose the Grid or Default layout','thematic'),
"id" => $afshortname."_layout",
"std" => "grid",
"childoptions" => array(
'grid' => __( ' GRID: Shows a square grid of images on the home page.' ),
'default' => __( ' DEFAULT: Shows a staggered grid of images on the home page with excerpts.' )
),
"type" => "radio"),

array( "name" => __('Sliding Feature Area','thematic'),
"desc" => __('Show a sliding featured content area?','thematic'),
"id" => $afshortname."_sliding_sticky_area",
"std" => "false",
"type" => "checkbox"),

array( "name" => __( 'Settings', 'thematic'),
"desc" => __('Define your color and display options.','thematic'),
"type" => "subhead"),

array( "name" => __('Text Color'),
"desc" => __('Change the color of text, borders and link hover states by entering a HEX color number. (ie: <span style="font-family:Monaco,Lucida Console,Courier,monospace;">003333</span>)','thematic'),
"id" => $afshortname."_text_color",
"std" => "999999",
"type" => "colorpicker"),

array( "name" => __('Link Color','thematic'),
"desc" => __('Change the color of anchor links by entering a HEX color number. (ie: <span style="font-family:Monaco,Lucida Console,Courier,monospace;">FF6600</span>)','thematic'),
"id" => $afshortname."_link_color",
"std" => "00CCFF",
"type" => "colorpicker"),

array( "name" => __('Background Color','thematic'),
"desc" => __('Change the background color by entering a HEX color number. (ie: <span style="font-family:Monaco,Lucida Console,Courier,monospace;">FF6600</span>)','thematic'),
"id" => $afshortname."_bg_color",
"std" => "FFFFFF",
"type" => "colorpicker"),

array( "name" => __('Photo Background Color','thematic'),
"desc" => __('Change the background color of Portrait (narrow) images on Single Pages by entering a HEX color number. (ie: <span style="font-family:Monaco,Lucida Console,Courier,monospace;">FF6600</span>)','thematic'),
"id" => $afshortname."_photo_color",
"std" => "F0F0F0",
"type" => "colorpicker"),

array( "name" => __('Blog Category','thematic'),
"desc" => __('Select a post category to be shown in the Blog Template and excluded from the Front Page.','thematic'),
"id" => $afshortname."_blog_cat",
"std" => $categories_std,
"type" => "select",
"options" => $af_categories),

array( "name" => __('Post Title & Date Display','thematic'),
"desc" => __("Display a randomized sliding featured/sticky post section on the home page.",'thematic'),
"id" => $afshortname."_title_date",
"std" => "titledate",
"childoptions" => array(
'titledate' => __( ' Show the Title & on hover, show the Date).' ),
'datetitle' => __( ' Show the Date & on hover, show the Title).' ),
'title' => __( ' Show the Title on hover only. (Also removes dates from single Photo pages)' ),
'date' => __( ' Show the Date on hover only.' )
),
"type" => "radio"),

array( "name" => __('Show Exif data','thematic'),
"desc" => __('Add a check here to show the Exif data for your images on attachment pages (WP Gallery Images only).','thematic'),
"id" => $afshortname."_show_exif_data",
"std" => "false",
"type" => "checkbox"),

array( "name" => __('Add Fancybox (Lightbox)','thematic'),
"desc" => __('Add a check here to use Fancybox within the [gallery] on single pages. (http://fancybox.net/).','thematic'),
"id" => $afshortname."_fancybox",
"std" => "false",
"type" => "checkbox"),

array( "name" => __( 'Flickr', 'thematic'),
"desc" => __('Connect to your Flickr account using the settings below. A working Flickr account is required and all fields below must be filled. <br />Follow <a href="http://fthrwght.com/autofocus/#flickrapi" target="_blank">these instructions</a> to get your Flickr API and Secret Keys.','thematic'),
"type" => "subhead"),

array( "name" => __('Flickr Username','thematic'),
"desc" => __('Change the color of hover links by entering a HEX color number. (ie: <span style="font-family:Monaco,Lucida Console,Courier,monospace;">FF6600</span>)','thematic'),
"id" => $afshortname."_flickr_username",
"std" => "Insert Flickr Username",
"type" => "text"),

array( "name" => __('Flickr API Key','thematic'),
"desc" => __('Change the color of hover links by entering a HEX color number. (ie: <span style="font-family:Monaco,Lucida Console,Courier,monospace;">FF6600</span>)','thematic'),
"id" => $afshortname."_flickr_api_key",
"std" => "Insert Flickr API Key",
"type" => "text"),

array( "name" => __('Flickr Secret Key','thematic'),
"desc" => __('Change the color of hover links by entering a HEX color number. (ie: <span style="font-family:Monaco,Lucida Console,Courier,monospace;">FF6600</span>)','thematic'),
"id" => $afshortname."_flickr_secret_key",
"std" => "Insert Flickr Secret Key",
"type" => "text")

);
}
add_action('init', 'autofocus_options');

// Make a Theme Options Page
function af_add_admin() {

global $afthemename, $afshortname, $afoptions;

if ( $_GET['page'] == basename(__FILE__) ) {

if ( 'save' == $_REQUEST['action'] ) {

foreach ($afoptions as $afvalue) {
update_option( $afvalue['id'], $_REQUEST[ $afvalue['id'] ] ); }

foreach ($afoptions as $afvalue) {
if( isset( $_REQUEST[ $afvalue['id'] ] ) ) { update_option( $afvalue['id'], $_REQUEST[ $afvalue['id'] ] ); } else { delete_option( $afvalue['id'] ); } }

header("Location: themes.php?page=functions.php&saved=true");
die;

} else if( 'reset' == $_REQUEST['action'] ) {

foreach ($afoptions as $afvalue) {
delete_option( $afvalue['id'] ); }

header("Location: themes.php?page=functions.php&reset=true");
die;

}
}

add_theme_page($afthemename." Options", "$afthemename Options", 'edit_themes', basename(__FILE__), 'af_admin');

}

function af_admin() {

global $afthemename, $afshortname, $afoptions;

if ( $_REQUEST['saved'] ) echo '<div id="message" class="updated fade"><p><strong>'.$afthemename.' settings saved.</strong></p></div>';
if ( $_REQUEST['reset'] ) echo '<div id="message" class="updated fade"><p><strong>'.$afthemename.' settings reset.</strong></p></div>';

?>
<script language="javascript" type="text/javascript" src="<?php echo bloginfo('stylesheet_directory') ?>/js/jscolor/jscolor.js"></script>
<div class="wrap">
<h2><?php echo $afthemename; ?> Options</h2>

<form method="post">

<table class="form-table">

<?php foreach ($afoptions as $afvalue) {

switch ( $afvalue['type'] ) {

case 'text':
?>
<tr valign="top">
<th scope="row"><?php echo $afvalue['name']; ?>:</th>
<td>
<input name="<?php echo $afvalue['id']; ?>" id="<?php echo $afvalue['id']; ?>" type="<?php echo $afvalue['type']; ?>" value="<?php if ( get_option( $afvalue['id'] ) != "") { echo get_option( $afvalue['id'] ); } else { echo $afvalue['std']; } ?>" />
<?php echo $afvalue['desc']; ?>
</td>
</tr>
<?php
break;

case 'subhead':
?>
<tr valign="top" style="border-top:1px solid #DDD;margin-top:30px;">
<th scope="row"><h3><?php echo $afvalue['name']; ?></h3></th>
<td style="padding-top:24px;font-style:italic;">
<?php echo $afvalue['desc']; ?>
</td>
</tr>
<?php
break;

case 'colorpicker':
?>
<tr valign="top">
<th scope="row"><label for="<?php echo $afvalue['id']; ?>"><?php echo __($afvalue['name'],'thematic'); ?></label></th>
<td>
<input type="<?php echo $afvalue['type']; ?>" name="<?php echo $afvalue['id']; ?>" id="<?php echo $afvalue['id']; ?>" value="<?php if ( get_option( $afvalue['id'] ) != "") { echo get_option( $afvalue['id'] ); } else { echo $afvalue['std']; } ?>" class="color {pickerPosition:'right'}" />
<?php echo __($afvalue['desc'],'thematic'); ?>

</td>
</tr>
<?php
break;

case 'select':
?>
<tr valign="top">
<th scope="row"><?php echo $afvalue['name']; ?></th>
<td>
<select name="<?php echo $afvalue['id']; ?>" id="<?php echo $afvalue['id']; ?>">
<?php foreach ($afvalue['options'] as $option) { ?>
<option<?php if ( get_option( $afvalue['id'] ) == $option) { echo ' selected="selected"'; } elseif ($option == $afvalue['std']) { echo ' selected="selected"'; } ?>><?php echo $option; ?></option>
<?php } ?>
</select>
<?php echo $afvalue['desc']; ?>
</td>
</tr>
<?php
break;

case 'textarea':
$ta_options = $afvalue['options'];
?>
<tr valign="top">
<th scope="row"><?php echo $afvalue['name']; ?>:</th>
<td>
<?php echo $afvalue['desc']; ?>
<textarea name="<?php echo $afvalue['id']; ?>" id="<?php echo $afvalue['id']; ?>" cols="<?php echo $ta_options['cols']; ?>" rows="<?php echo $ta_options['rows']; ?>"><?php
if( get_option($afvalue['id']) != "") {
echo stripslashes(get_option($afvalue['id']));
}else{
echo $afvalue['std'];
}?></textarea>
</td>
</tr>
<?php
break;

case "radio":
?>
<tr valign="top">
<th scope="row"><?php echo $afvalue['name']; ?></th>
<td>
<?php foreach ($afvalue['childoptions'] as $key=>$option) {
$radio_setting = get_option($afvalue['id']);
if($radio_setting != ''){
if ($key == get_option($afvalue['id']) ) {
$checked = "checked=\"checked\"";
} else {
$checked = "";
}
}else{
if($key == $afvalue['std']){
$checked = "checked=\"checked\"";
}else{
$checked = "";
}
}?>
<input type="radio" name="<?php echo $afvalue['id']; ?>" value="<?php echo $key; ?>" <?php echo $checked; ?> /><?php echo $option; ?><br />
<?php } ?>
</td>
</tr>
<?php
break;

case "checkbox":
?>
<tr valign="top">
<th scope="row"><?php echo $afvalue['name']; ?></th>
<td>
<?php
if(get_option($afvalue['id'])){
$checked = "checked=\"checked\"";
}else{
$checked = "";
}
?>
<input type="checkbox" name="<?php echo $afvalue['id']; ?>" id="<?php echo $afvalue['id']; ?>" value="true" <?php echo $checked; ?> />
<?php ?>
<?php echo $afvalue['desc']; ?>
</td>
</tr>
<?php
break;

default:

break;
}
}
?>

</table>

<p class="submit">
<input name="save" type="submit" value="Save changes" />
<input type="hidden" name="action" value="save" />
</p>
</form>
<form method="post">
<p class="submit">
<input name="reset" type="submit" value="Reset" />
<input type="hidden" name="action" value="reset" />
</p>
</form>

<p><?php _e('For more information about this theme, visit the <a href="http://fthrwght.com/autofocus">documentation page</a>. If you have any questions, check out <a href="http://wpquestions.com/">WPQuestions.com</a>.', 'thematic'); ?></p>

<?php }
add_action('admin_menu' , 'af_add_admin');

// Add Thematic Body and Post Classes, Comment form classes & RSS links
define('THEMATIC_COMPATIBLE_BODY_CLASS', true);
define('THEMATIC_COMPATIBLE_POST_CLASS', true);
define('THEMATIC_COMPATIBLE_COMMENT_FORM', true);
define('THEMATIC_COMPATIBLE_FEEDLINKS', true);

// Load AutoFocus Post & Meta Options
require_once(STYLESHEETPATH . '/extensions/autofocus-settings.php');

// Load AutoFocus Post & Meta Options
require_once(STYLESHEETPATH . '/extensions/autofocus-post-meta.php');

// Load phpFlickr
require_once(STYLESHEETPATH . '/extensions/phpFlickr.php');

// Load AF+ Flickr Integration
require_once(STYLESHEETPATH . '/extensions/autofocus-flickr.php');

// Load Thematic Functions
require_once(STYLESHEETPATH . '/extensions/thematic-functions.php');

// Load Color Options
function af_load_color_options() {
global $afoptions;
foreach ($afoptions as $afvalue) {
if (isset($afvalue['id']) && get_option( $afvalue['id'] ) === FALSE && isset($afvalue['std'])) { $$afvalue['id'] = $afvalue['std']; }
elseif (isset($afvalue['id'])) { $$afvalue['id'] = get_option( $afvalue['id'] ); }
} ?>
<style type="text/css">
/* <![CDATA[ */
/* AutoFocus+ Pro Colors */
<?php $afcoloroptions = dirname( __FILE__ ) . '/css/af-styles.php'; if( is_file( $afcoloroptions ) ) require $afcoloroptions; ?>

/* ]]> */
</style>

<?php }
add_action('wp_head', 'af_load_color_options');

// Load JS Options
function af_load_js_options() {
global $afoptions, $post;
foreach ($afoptions as $afvalue) {
if (isset($afvalue['id']) && get_option( $afvalue['id'] ) === FALSE && isset($afvalue['std'])) { $$afvalue['id'] = $afvalue['std']; }
elseif (isset($afvalue['id'])) { $$afvalue['id'] = get_option( $afvalue['id'] ); }
} ?>
<script type="text/javascript">
/* <![CDATA[ */
/* AutoFocus+ Pro JS Options */
<?php $afjsoptions = dirname( __FILE__ ) . '/js/af-optional-scripts.php'; if( is_file( $afjsoptions ) ) require $afjsoptions; ?>

/* ]]> */
</script>

<?php }
add_action('wp_head', 'af_load_js_options');

// Add custom Plugins and Styles on NON-admin pages.
function af_enqueue_styles() {
global $afoptions;
foreach ($afoptions as $afvalue) {
if (isset($afvalue['id']) && get_option( $afvalue['id'] ) === FALSE && isset($afvalue['std'])) { $$afvalue['id'] = $afvalue['std']; }
elseif (isset($afvalue['id'])) { $$afvalue['id'] = get_option( $afvalue['id'] ); }
}

if ( !is_admin() ) { // Is this necessary?

if ($af_sliding_sticky_area == 'true' && $af_layout == 'default' ) {
wp_enqueue_style('afdefaultslider', STYLESHEET_DIR . '/css/default-slider-layout.css','','20100629','all');
} elseif ( $af_layout == 'default' ) {
wp_enqueue_style('afdefault', STYLESHEET_DIR . '/css/default-layout.css','','20100329','all');
} elseif ( $af_layout == 'grid' ) {
wp_enqueue_style('afportfolio', STYLESHEET_DIR . '/css/portfolio-layout.css','','20100610','all');
}

// Add Fancybox styles to single pages if the option is turned on
if ( $af_fancybox == 'true' ) {
wp_enqueue_style('fancyboxstyles', STYLESHEET_DIR . '/js/fancybox/jquery.fancybox-1.3.1.css','','1.3.1','all');
}

// BOO IE6! :-/
wp_enqueue_style('afiestyles', STYLESHEET_DIR . '/css/ie-styles.css','','20100329','all');
}
}
add_action('init', 'af_enqueue_styles');

// Add custom JS & jQuery scripts on NON-admin pages.
function af_enqueue_scripts() {
global $afoptions;
foreach ($afoptions as $afvalue) {
if (isset($afvalue['id']) && get_option( $afvalue['id'] ) === FALSE && isset($afvalue['std'])) { $$afvalue['id'] = $afvalue['std']; }
elseif (isset($afvalue['id'])) { $$afvalue['id'] = get_option( $afvalue['id'] ); }
}

if ( !is_admin() ) { // Is this necessary?
if( !browser_ie6() ) {
wp_enqueue_script('imgCenter', STYLESHEET_DIR . '/js/jquery.imgCenter.minified.js', array('jquery'), '1.0' );
wp_enqueue_script('hotkeys', STYLESHEET_DIR . '/js/jquery.hotkeys-0.7.9.min.js', array('jquery'), '0.7.9' );
wp_enqueue_script('easing', STYLESHEET_DIR . '/js/jquery.easing-1.3.pack.js', array('jquery'), '1.3' );
wp_enqueue_script('anythingslider', STYLESHEET_DIR . '/js/jquery.anythingslider.js', array('jquery', 'easing'), '1.2' );
// Add Fancybox script to single pages if the option is turned on
if (is_single() && ( $af_fancybox == 'true' ) ) {
wp_enqueue_script('fancybox', STYLESHEET_DIR . '/js/fancybox/jquery.fancybox-1.3.1.pack.js', array('jquery', 'easing'), '1.3.1' );
}
wp_enqueue_script('autofocusjs', STYLESHEET_DIR . '/js/afscripts.js', array('jquery', 'anythingslider', 'hotkeys', 'imgCenter'), '1.4' );
}
}
}
add_action('wp_print_scripts', 'af_enqueue_scripts');

?>

Jens Filipsson comments:

Ok, check in this file if that's where you need to make the changes!

http://www.marydaros.com/adventures/wp-content/themes/autofocuspro/extensions/thematic-functions.php

Jens Filipsson comments:

Might also be in this file:

http://www.marydaros.com/adventures/wp-content/themes/autofocuspro/extensions/autofocus-settings.php

Mary comments:

Jens,

Thank you so much. I just can't quite get it. I need your further expertise and if it's okay to you I will pay you for so far and post it as a job I hope you could pick it up. I just want to customize the front page a bit.