Ciao a tutti, sto cercando di modificare un template WP che visualizza il classico slider. E' tutto perfetto solo che vorrei che l'immagine si "deformasse" automaticamente quando la finestra ha un width particolarmente lungo


codice:
Nell'HTML

<div id="category-name">
	<?php 
		$et_tagline = '';
		if( is_tag() ) {
			$et_page_title = esc_html__('Posts Tagged &quot;','MyCuisine') . single_tag_title('',false) . '&quot;';
		} elseif (is_day()) {
			$et_page_title = esc_html__('Posts made in','MyCuisine') . ' ' . get_the_time('F jS, Y');
		} elseif (is_month()) {
			$et_page_title = esc_html__('Posts made in','MyCuisine') . ' ' . get_the_time('F, Y');
		} elseif (is_year()) {
			$et_page_title = esc_html__('Posts made in','MyCuisine') . ' ' . get_the_time('Y');
		} elseif (is_search()) {
			$et_page_title = esc_html__('Search results for','MyCuisine') . ' ' . get_search_query();
		} elseif (is_category()) {
			$et_page_title = single_cat_title('',false);
			$et_tagline = category_description();
		} elseif (is_author()) {
			global $wp_query;
			$curauth = $wp_query->get_queried_object();
			$et_page_title = esc_html__('Posts by ','MyCuisine') . $curauth->nickname;
		} elseif ( is_single() || is_page() ) {
			$et_page_title = get_the_title();
			if ( is_page() ) $et_tagline = get_post_meta($post->ID,'Description',true) ? get_post_meta($post->ID,'Description',true) : '';
		}
	?>
	<h1 class="category-title"><?php echo wp_kses( $et_page_title, array( 'span' => array() ) ); ?></h1>
	<?php if ( $et_tagline <> '' ) { ?>
		<p class="meta-info"><?php echo wp_kses( $et_tagline, array( 'span' => array() ) ); ?></p>
	<?php } ?>
	
	<?php if ( is_single() ) { ?>
		<?php get_template_part('includes/postinfo'); ?>
	<?php } ?>
</div> 



Nel CSS


#page-bg { background: #471414 url(images/page-top.jpg) no-repeat center bottom; }
body.page #page-bg { background: #471414 url(images/page-top.jpg) no-repeat center bottom !important; }
	#page-bottom { background: url(images/bottom-bg.png) repeat-x left bottom; position: relative; }				
	#page-top { background: url(images/top-bg.png) repeat-x; position: relative; }
		#category-name { padding-top: 51px; }
			#page-top h1.category-title { color: #ffffff; font-size: 48px; font-style: normal; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); }
			#page-top p.meta-info { font-style: normal; font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #dacba7; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); margin-top: -12px; }
				#page-top p.meta-info a { color: #dacba7; }
					#page-top p.meta-info a:hover { color: #fff; text-decoration: none; }
	#breadcrumbs { background: url(images/breadcrumbs-bg.png) repeat-x; height: 72px; color:#766255; font-size: 14px; text-shadow: 1px 1px 1px #ffffff; text-transform: uppercase; font-style: normal; }
		#breadcrumbs-text { float: left; width: 685px; }