2016-11-14 8 views
1

私はワイコムの店の下に1つのプラグインをインストールして、ワインに適切なアイコン賞を表示しました。 woocommerceの画像の左上に表示される画像アイコンを追加してモバイルウェブサイトでウェブサイトを表示すると、画像が乱雑になり、絞り込まれ伸ばされたように見えます。あなたがウェブサイトのホームページhttp://letmewine.com/と携帯電話からの商品 "FRANCIACORTA BRUT" ALMA "BELLAVISTA"を見たら、あなたは私の言いたいことを見るでしょう。私はZインデックス値の位置をその画像アイコンに絶対的または相対的に割り当てようとしましたが、何も起こりません。私はここで何をすべきか提案を使用することができます。イメージタグが原因でウサギがウイークコマースで障害を起こす

おかげで助け

答えて

2

問題の多くは、あなたのイメージが絶対的であるとwidth:100%、引き伸ばされますheight:100%が設定されていることです。これは、画像が実際に画像サイズよりも大きいホルダー全体を塗り潰そうとしているからです。

あなたは画像(.post_featured img)のためのセレクタですので、あなたのコードになるだろう変更ライン11739上のあなたのstyle.cssを変更する必要があります。提案のための

.post_featured img { 
    width: auto; 
    height: auto; 
} 
+0

おかげで、それは動作しますが、特定の部分に。今すぐチェックしたら。画像は高さが半分にカットされているようです。どうすればこれも避けることができますか? –

+0

問題は今、高さ属性に '!important'を追加すると、あなたが上書きしたイメージの別のスタイルがあることです。 '!important'ステートメントを削除し、私の例のままにしてください。 –

+0

素晴らしい、それは働いた! –

関連する問題