2016-12-04 11 views
0

私はブートストラップと高度なカスタムフィールドプラグインを使用しています。私はイメージのフィールドを作成しましたが、イメージは応答しません。誰でも手助けをすることができ、何か提案があります。このコードを編集して、小さな画面で画像を反応させる方法を教えてください。私のウェブサイトへ高度なカスタムフィールドプラグインで画像を反応させる

リンク:http://vizionstar.co.uk/global_listings/

そして、ここでは、私はフロント-page.phpから画像を取得するために使用している私のコードです:

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>'; 
} 

画像が声部にある「WHAT業界は米国について語る "。あなたのCSSファイルに次の行を追加すること

答えて

1

最も簡単な方法は、あなたのstyle.cssにこれを追加することです:

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

あなたは私に多くの時間を保存した、ありがとう! – Luke

+0

ようこそ:-)次に、同様の問題を抱えている他のユーザーが解決策を後で見つけることができるように、自分の回答を「受け入れる」ことができます。 –

0

てみ

img.attachment-full.size-full { 
    width: 100%; 
    height: 100%; 
} 
関連する問題