title: get specific image size in wordpress
body: <p>i have been using following code to get all the featured images of the child pages and display then in carousel slider but i want specific size =231*130 and class= img-responsive.
  But i am not able to do it </p>
  
  <pre><code>&lt;?php
  $mypages = get_pages( array( 'child_of' =&gt; 67, 'sort_column' =&gt; 'post_date', 'sort_order' =&gt; 'desc' ) );
  
  foreach( $mypages as $page ) {    
      $content = $page-&gt;post_content;
      if ( ! $content ) // Check for empty page
          continue; ?&gt;                                     
  
      &lt;div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"&gt;
          &lt;div class="thumbnail"&gt;
              &lt;a href="&lt;?php echo get_page_link( $page-&gt;ID ); ?&gt;"&gt; 
                  &lt;?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $page-&gt;ID, array( 231, 130 ), array( 'class' =&gt; 'img-responsive img-shadow' ) ) ); ?&gt;
                  &lt;img src="&lt;?php echo $image[0]; ?&gt;" alt="&lt;?php the_title(); ?&gt;"&gt;
              &lt;/a&gt;    
  
              &lt;div class="caption clearfix"&gt;
                  &lt;h4&gt;&lt;?php echo $page-&gt;post_title; ?&gt;&lt;/h4&gt;
                  &lt;a href="&lt;?php echo get_page_link( $page-&gt;ID ); ?&gt;"&gt;view all&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;?php } ?&gt;
  </code></pre>
  
  <p>Please help me figure out what I am doing wrong</p>