Bilderrahmen in Fusszeile entfernen

Hallo,

das ist in der tat nicht ganz einfach, lässt sich aber ohne weiteres erreichen.

Zunächst müssen Sie Ihrem Projekt etwas angepasstes CSS hinzufügen:

• Klicken Sie im Menü Website auf "Einstellungen"
• Klicken Sie auf CSS
• Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"

<style>
	.noborder img,
	.noborder a.fancybox{
		border: 0 !important;
	}
</style>

Damit haben wir nun eine Regel definiert, welche verursacht, dass um Bildern keine "border" gezeichnet wird. Diese Regel müssen wir nun auf die entsprechenden Bilder anwenden.

Ihre Socialmedia-Icons haben Sie ja anscheinend über den Editor in einem ganz normalen Textartikel platziert. Also öffnen Sie diesen Artikel zum bearbeiten und klicken Sie dann unten links im Artikel-Fenster auf das kleine Mischpult-Icon. Nun klicken Sie noch auf "Mehr" und dann werden Ihnen zwei CSS-Fender gezeigt. Schreiben Sie nun in das erste Feld "CSS-Klasse" folgenden Text: noborder (ohne den führenden Punkt aus der CSS-Regel). Klicken Sie auf "OK" und nochmals "OK" um die Artikelbearbeitung abzuschließen. Nun sollte keines der Bilder im betreffenden Artikel eine "border" mehr haben.

<style>
	.noborder img,
	.noborder a.fancybox{
		border: 0 !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
</style>

OK, dann ersetzen Sie den Code von vorhin durch diesen:

Ja, sieht gut aus, bis auf die Schriftart der Überschriften

Hallo Susanne,

kontrollier mal was bei dir im Layoutdesigner unter Inhaltsbereich > Bilder > bei Rahmenstärke und Schatten/Rahmenfarbe drin ist.
Evtl. könnte es was bringen, wenn du unter Rahmenstärke auf "0", bzw. bei Schatten/Rahmenfarbe auf "Transparent" umstellst.

Hallo,

das greif nicht, weil die logos verlinkt sind (ohne "bei Klick vergrößern").

Wenn Sie das bisherige CSS durch das folgende ersetzen, sollte es greifen:

<style>
	.noborder img,
	.noborder a{
		border: 0 !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
</style>

Ok, dann mach das doch bei diesen Bilder genau so, wie oben von Stefan beschrieben (2ter Code dazu nehmen).
Das funktioniert (bei mir auch mit Verlinkung) dann so auch im normalen Inhaltsbereich.

Warum das bei dir mit dem Code nicht geht, kann ich gerade auf Anhieb nicht sagen (wie erwähnt, bei mir geht's).
Aber..... stell doch bitte mal im Layoutdesigner unter Inhaltsbereich > Bilder die "Schattenfarbe" auf transparent um.
Ich vermute, das dies evtl. die Lösung für dich sein könnte?
Und so wie ich das sehe, sollte das deine andere Darstellung deiner Bilder nicht groß beeinflussen.
Einfach mal versuchen

Ggf. muss aber dazu die CSS-Anweisung für die dementsprechenden Widgets dazu rausgenommen werden.

Hallo,

sorry, da hatte das gesamte Bild-Widget irgendwie auch noch einen Box-Shadow. Dieser Code sollte jetzt aber greifen (ich hab es auf Ihrer Site getestet):

<style>
	.zpwBild.noborder,
	.noborder img,
	.noborder a{
		border: 0 !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
</style>

Es haben aber noch nicht alle Logos die klasse "noborder" zugewiesen. Wenn ein paar noch den Box-Shadow haben, liegt es daran.