2017-05-09 2 views
0

Ich habe einen Teiler mit der ID #divider. Ich benutze Elementor, um meine Wordpress-Website zu bearbeiten und Sachen mit CSS zu reparieren. Es sieht auf centrain-Bildschirmen gut aus, aber ich habe es nur auf meinem Laptop überprüft und es wird nicht bis an die Ränder reichen. Es ist breit ist 1278 px.Wie mache ich eine Bilddehnung in verschiedenen Bildschirmen

Auch scheint es irgendwie eine andere Textspalte zu drücken. Auf Elementor erscheint es ganz gut. enter image description here

+0

Können Sie bitte geben Sie Bildbreite zu 100% width = "1400" oder entfernen? Wie #divider img {width: 100%} – Ashkar

+0

Hallo Ashkar, es funktioniert nicht. Hier ist ein Link, wo Sie die Teiler sehen können: http://berko.createak.co.il/ Ich habe ein paar Laptops überprüft und es wird nicht dehnen. Es verursachte auch ein anderes Problem beim Schieben einer der Textspalten nach links (Die mit dem Basketballnetz-Hintergrundbild). Ich habe keine Ahnung, wie ich das beheben kann. Es scheint gut auf dem Elementor-Plugin. Ich habe der Hauptfrage einen Screenshot beigefügt/ – Rozi

+0

Ich habe gesehen, dass Sie 'max-width: 100%' zu diesem Bild und nicht 'width' angegeben haben. Wenn Sie "width: 100%" hinzufügen, scheint es zu beheben –

Antwort

1

Ich habe Ihre Website und der folgende Code schien gut zu funktionieren, wenn ich es über Entwickler-Tools versucht:

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

das Problem ist hier

<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"> 

Ihre Bildbreite eingestellt wird 1400 Dies wird überschreiben, was in Ihrem Styling Blatt.

können Sie das nicht möglich Verwendung

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

Danke, könnten Sie überprüfen, was mit meiner Textspalte falsch ist, die nach links geschoben wird, wie Sie auf dem Screenshot im ersten Beitrag sehen können? Ich dachte, es hat mit der Trennwand zu tun. – Rozi

Verwandte Themen