2017-05-09 12 views
0

ID #dividerの仕切りがあります。私は私のWordPressのウェブサイトを編集し、CSSでものを修正するためにElementorを使用します。それは証明書の画面でよく見えますが、私はラップトップでそれを確認しただけで、端まで伸びません。幅は1278ピクセルです。異なる画面で画像を伸ばす方法

また、別のテキスト列を何とか押しているようです。要素またはそれはちょうど良い表示されます。 enter image description here

+0

を削除することができますが100%に画像の幅をお願いできますか? #dividerのようにimg {width:100%} – Ashkar

+0

Ashkarさん、こんにちは。 http://berko.createak.co.il/ 私はいくつかのラップトップをチェックしており、伸びはしません。また、テキスト列の1つを左に押すことで別の問題が発生しました(バスケットボールのネットバックグラウンドイメージを持つもの)。私はそれをどのように修正するのか分かりません。それはElementorプラグイン上でうまく表示されます。私は主な質問にスクリーンショットを添付しました/ – Rozi

+0

あなたは 'width-width 'ではなく' max-width:100% 'を与えました。 'width:100%'を追加すると、それが修正されたようです –

答えて

1

私はあなたのウェブサイトをチェックして、私は開発者向けツールを経由して、それをしようとしたとき、次のコードは正常に動作するように見えた:

.elementor-image img { 
    width: 100%; 
} 
1

問題は、あなたのイメージ幅に設定されて

<img width="1400" height="75" src="http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2.png" class="attachment-full size-full" alt="" srcset="http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2.png 1400w, http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2-300x16.png 300w, http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2-768x41.png 768w, http://berko.createak.co.il/wp-content/uploads/2017/05/Divider-2-1024x55.png 1024w"> 

ここにあります1400は、あなたのスタイリングシートの内容を上書きします。

あなたは幅=「1400」またはそのことはできません使用している場合

.elementor-image img { 
    width: 100%!important; 
} 
+0

ありがとう、ちょっとでも、最初の投稿のスクリーンショットに見られるように、私のテキスト列が何か問題が左にプッシュされているのを確認できますか?私はそれが仕切りと関係があると思った。 – Rozi

関連する問題