Written in response to Responsive website - Images don't appear responsive:
Thanks for the tips...
I see the "scale" within the coding... Anyone have any thoughts of what to change?
<?php global $pag, $post, $paged, $data; ?>
<!-- BEGIN: page title -->
<div class="page-title">
<div class="wrapper">
<div class="ptitle">
<h2><?php echo get_post_meta( $pag->ID, '_cano_page_title', true );?></h2>
<p><?php echo get_post_meta( $pag->ID, '_cano_page_subtitle', true )?> </p>
</div>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Blog Category") ) : ?>
<?php endif; ?>
<div class="clearfix"></div>
</div>
</div><!-- END: page title -->
<div class="wrapper blog-page" id="blog-page">
<div class="pblog">
<div class="blog-load">
<?php
$type = 'post';
$pp_per_page = $data['blog_posts_per_page'];
if($data['show_new_post'])$pp_per_page++;
$args=array(
'post_type' => $type,
'post_status' => 'publish',
'posts_per_page' => $pp_per_page,
'paged' => $paged,
);
$wp_query = new WP_Query($args);
if($wp_query->have_posts()) : while($wp_query->have_posts()) : $wp_query->the_post();
$c++;
if($c==1 && $paged==1 && $data['show_new_post']) { ?>
<!-- BEGIN: new post -->
<div class="new-post clearfix" id="post-<?php the_ID(); ?>">
<div class="new-blog-post">
<?php
if (has_post_thumbnail($post->ID, 'large')){
$image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large');
echo '<img src="'.get_template_directory_uri().'/library/timthumb.php?src='. $image_url[0] .'&h=309&w=465&zc=1" alt="'. get_the_title() .'" class="scale"/>';
}
?>
<h2><a href="<?php echo get_permalink(); ?>"><?php echo get_the_title(); ?></a></h2>
<?php if(!$data['hide_blog_meta']){?>
<p class="blog-meta">By <?php the_author(); ?> - On <?php the_time('M d'); ?> - In <?php the_category(', '); ?> - With <?php comments_popup_link( '0 Comment', '1 Comment', '% Comments'); ?></p>
<?php } ?>
<p><?php cano_max_charlength(760); ?></p>
<a href="<?php echo get_permalink(); ?>" class="read-more"><?php echo $data['blog_read_more'] ?></a>
<div class="clear"></div>
</div>
</div><!-- END: new post -->
<?php }
else { ?>
<!-- BEGIN: blog post -->
<div class="one-two blog-last" id="post-<?php the_ID(); ?>">
<div class="blog-post">
<?php
if (has_post_thumbnail($post->ID, 'large')){
$image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large');
echo '<img src="'.get_template_directory_uri().'/library/timthumb.php?src='. $image_url[0] .'&h=196&w=164&zc=1" alt="'. get_the_title() .'" class="scale" />';
}
?>
<h2><a href="<?php echo get_permalink(); ?>"><?php echo get_the_title(); ?></a></h2>
<?php if(!$data['hide_blog_meta']){?>
<p class="blog-meta">By <?php the_author(); ?> - On <?php the_time('M d'); ?> - In <?php the_category(', '); ?> - With <?php comments_popup_link( '0 Comment', '1 Comment', '% Comments'); ?></p>
<?php } ?>
<p><?php cano_max_charlength(170); ?></p>
<a href="<?php echo get_permalink(); ?>" class="read-more"><?php echo $data['blog_read_more'] ?></a>
<div class="clear"></div>
</div>
</div><!-- END: blog post -->
<?php } ?>
<?php endwhile; endif; ?>
<div class="clear"></div>
<!-- BEGIN: blog paginate -->
<?php cano_pagination_blog($pages = '', $range = 2); ?>
<!-- END: blog paginate -->
</div>
</div>
</div>
I see the "scale" within the coding... Anyone have any thoughts of what to change?
<?php global $pag, $post, $paged, $data; ?>
<!-- BEGIN: page title -->
<div class="page-title">
<div class="wrapper">
<div class="ptitle">
<h2><?php echo get_post_meta( $pag->ID, '_cano_page_title', true );?></h2>
<p><?php echo get_post_meta( $pag->ID, '_cano_page_subtitle', true )?> </p>
</div>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Blog Category") ) : ?>
<?php endif; ?>
<div class="clearfix"></div>
</div>
</div><!-- END: page title -->
<div class="wrapper blog-page" id="blog-page">
<div class="pblog">
<div class="blog-load">
<?php
$type = 'post';
$pp_per_page = $data['blog_posts_per_page'];
if($data['show_new_post'])$pp_per_page++;
$args=array(
'post_type' => $type,
'post_status' => 'publish',
'posts_per_page' => $pp_per_page,
'paged' => $paged,
);
$wp_query = new WP_Query($args);
if($wp_query->have_posts()) : while($wp_query->have_posts()) : $wp_query->the_post();
$c++;
if($c==1 && $paged==1 && $data['show_new_post']) { ?>
<!-- BEGIN: new post -->
<div class="new-post clearfix" id="post-<?php the_ID(); ?>">
<div class="new-blog-post">
<?php
if (has_post_thumbnail($post->ID, 'large')){
$image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large');
echo '<img src="'.get_template_directory_uri().'/library/timthumb.php?src='. $image_url[0] .'&h=309&w=465&zc=1" alt="'. get_the_title() .'" class="scale"/>';
}
?>
<h2><a href="<?php echo get_permalink(); ?>"><?php echo get_the_title(); ?></a></h2>
<?php if(!$data['hide_blog_meta']){?>
<p class="blog-meta">By <?php the_author(); ?> - On <?php the_time('M d'); ?> - In <?php the_category(', '); ?> - With <?php comments_popup_link( '0 Comment', '1 Comment', '% Comments'); ?></p>
<?php } ?>
<p><?php cano_max_charlength(760); ?></p>
<a href="<?php echo get_permalink(); ?>" class="read-more"><?php echo $data['blog_read_more'] ?></a>
<div class="clear"></div>
</div>
</div><!-- END: new post -->
<?php }
else { ?>
<!-- BEGIN: blog post -->
<div class="one-two blog-last" id="post-<?php the_ID(); ?>">
<div class="blog-post">
<?php
if (has_post_thumbnail($post->ID, 'large')){
$image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large');
echo '<img src="'.get_template_directory_uri().'/library/timthumb.php?src='. $image_url[0] .'&h=196&w=164&zc=1" alt="'. get_the_title() .'" class="scale" />';
}
?>
<h2><a href="<?php echo get_permalink(); ?>"><?php echo get_the_title(); ?></a></h2>
<?php if(!$data['hide_blog_meta']){?>
<p class="blog-meta">By <?php the_author(); ?> - On <?php the_time('M d'); ?> - In <?php the_category(', '); ?> - With <?php comments_popup_link( '0 Comment', '1 Comment', '% Comments'); ?></p>
<?php } ?>
<p><?php cano_max_charlength(170); ?></p>
<a href="<?php echo get_permalink(); ?>" class="read-more"><?php echo $data['blog_read_more'] ?></a>
<div class="clear"></div>
</div>
</div><!-- END: blog post -->
<?php } ?>
<?php endwhile; endif; ?>
<div class="clear"></div>
<!-- BEGIN: blog paginate -->
<?php cano_pagination_blog($pages = '', $range = 2); ?>
<!-- END: blog paginate -->
</div>
</div>
</div>
