Machen Sie Bild reagieren auf erweiterte benutzerdefinierte Felder Plugin

Question

Ich benutze Bootstrap und erweiterte benutzerdefinierte Felder Plugin. Ich habe ein Bildfeld erstellt, aber das Bild reagiert nicht. Kann jemand helfen und irgendwelche Vorschläge haben, wie ich diesen Code redigieren kann, um Bild auf kleinen Bildschirmen ansprechend zu machen.

Link zu meiner Website: http://vizionstar.co.uk/global_listings/

Und hier ist mein Code, die ich das Bild von Front-page.php bekommen bin mit:

if(get_field('testimonial_content')) { 
    echo '<div class="info-box-container">'; 

    $image = get_field('Image'); 
      $size = 'full'; 

      if($image) { 

      echo wp_get_attachment_image($image, $size); 
      } 

    echo '<h3>' . get_field('testimonial_title') . '</h3>'; 
    echo '<h1>' . get_field('testimonial_title2') . '</h1>';     
    echo '<h1>' . get_field('testimonial_title3') . '</h1>'; 
    the_field('testimonial_content'); 
    echo '</div>'; 
} 

Das Bild auf Zeugnisse Abschnitt ist „WAS DIE INDUSTRIE SAGT ÜBER UNS ". diese Zeile in die CSS-Datei

Answer 1

Der einfachste Weg, dies zu Ihrem style.css hinzufügen hinzufügen:

.info-box img { 
    max-width: 100%; 
    height: auto; 
} 

Answer 2

Try

img.attachment-full.size-full { 
    width: 100%; 
    height: 100%; 
}