Komischer Rahmen um Grafik - wie beseitigen?

Hallo Lars,

erste spontane Vermutung: Das könnte ein eingestellter "Bildschatten oder Rahmen um Bild" von einem Bild im Layoutdesigner sein.
Schau mal im Layoutdesigner nach, ob du da darüber was in dem Layout findest und stelle das entweder aus, oder vergib eine Stärke von 0, oder die Farbe auf "transparent" umstellen.
Hab gerade keinen Zugriff auf den ZP, und kann dir daher nicht sagen, wo das sein könnte.

Hallo Lars,

ok dann versuchs mal so:

1: Stelle das wieder so um, was du im Layoutdesigner geändert hast.
2: Geh dann in Einstellungen > CSS und trage dort folgenden Code (ohne Zeilennummer) ein:

<style>
#floatcontentleft.boxshadow img, #floatcontentright.boxshadow img, #content.boxshadow img {
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
}
</style>

3: Mit OK bestätigen und dann die F6-Taste zum einlesen der Änderung drücken.
4: Dann erneut testen.

Da ich gerade unterwegs bin, habe ich diese Variante nicht testen können.
Daher nur "theoretisch" richtig
Aber versuche es dennoch mal.

Ok, ich schau es mir in Ruhe an, wenn ich wieder in meinem Büro bin, und vor einem "richtigen PC" sitze
Weiß aber gerade nicht ob und wann das heute noch der Fall sein wird (bei uns hier BaWü ist heute "Feiertag"...)

Vielleicht kommt aber jemand anders zuvor dazu?

Stop: Einen Fehler habe ich gerade entdeckt.
In dem Code unten muss es heißen </style> und nicht nur <style>.
Da fehlt das schließende "/".
(eben oben im Code korrigiert).

Versuchs so nochmal bitte.
Und?

Ok, dann bis später evtl. (Post 6 - oberer Abschnitt)

Hallo Lars,

da bin ich wieder.

So, jetzt mach mal folgendes:

1: Stelle im Layoutdesigner, den Bildschatten wieder auf aus > Somit bekommen alle Bilder keinen Bildschatten und auch nicht deine Icons.
2: Lösche unter CSS den falschen Code raus, und füge diesen hier ein:

<style>
	.schatten img {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); !important
	}
</style>

(Damit definieren wir eine "Regel" für Bilder mit Schatten)

3: Mit OK bestätigen.
4: Nun gehe zu den 3 Bildern von euch.
5: Dort jeweils dann im Widget unten links auf das "Mischpult" klicken.
6: Auf der rechten Seite, dann auf das blaue "Mehr" klicken.
7: Nun in das Feld "CSS-Klasse", folgendes eingeben: schatten
(Damit weißen wir dem Widget die "Schatten-Regel zu).
8: Mit OK bestätigen.

Als Ergebnis, sollten dann die 3 Bilder den gewünschten Schatten haben, und die Kontaktbuttons keinen mehr.