Hintergrundfarbe Bestellartikel

    Hallo,

    ich arbeite mit dem Layout Panorama Responsive und möchte den Hintergrund von Bestellartikeln in einer anderen Farbe darstellen. Es gibt zwar diverse Artikel hier im Forum die etwas ähnliches beschreiben, aber ich blicke bei keinem wirklich durch. Gibt es da eine Lösung für Menschen ohne HTML Kenntnisse?

    Gruß Franz

    Hallo Herr Seiz,

    das schaut schon gut aus. Aber das schaut für mich in der Testversion aus dass man damit "nur" ganze Reihen verändern kann.

    Ist es damit auch möglich wirklich nur den Hintergrund eines Bestellartikels zu verändern? Z.b. kommen 4 Bestellartikel nebeneinander und sollen einen weißen Hintergrund haben. Der Hintergrund zischen den Artikeln soll aber in der normalen Farbe erhalten bleiben.

    Wie gesagt, in der Testversion gelingt mir das nur bei Containern die übereinander angeordnet sind.

    Gruß Franz

    Hallo,

    der Container betrifft immer ganze Reihen. Wenn einzelne Artikel eingefärbt werden sollen, können dafür die beiden neuen CSS-Felder genutzt werden. Das ist aber für Menschen ohne HTML-Kenntnisse eher schwierig.

    Im groben ginge das so:

    In "Einstellungen > CSS" definieren Sie eine Klasse mit den entsprechenden Merkmalen wie z.B.:


    CSS
    <style>
	.meinbestellartikel{
		background-color: silver;
		padding: 10px;
	}
</style>

    Dann müssen Sie jedem Artikel, der diese Merkmale erhalten soll, diese Klasse (ohne den führenden Punkt) zuweisen. Das machen Sie folgendermaßen:

    • Artikel zum Bearbeiten doppelklicken
    • Unten links auf "Mischpult"-Icon klicken
    • Unten Rechts auf "Mehr" klicken
    • Im Feld "CSS-Klasse" nun folgendes eingeben: meinbestellartikel
    • Auf den OK-Button klicken
    • Nochmal auf OK klicken
    • Ggf. mit STRG-F6 die aktuelle Seite neu erstellen lassen um die Änderungen zu sehen

    background-color setzt die Hintergrundfarbe
    padding setzt einen Rand, damit zwischen Hintergrund und Text ein Abstand ist

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden