Problem mit eigener css

Hallo,

wenn man unter "Einstellungen > CSS" eigenes CSS eingibt, dann wird das im Attribut "additional_css" gespeichert. Anstatt über "Einstellungen > CSS" könnte man also auch im globalen Attribut "additional_css" das eigene CSS einfügen. Das Ergebnis ist das Gleiche.

Ein globales Attribut wird ja dann auf alle Seiten vererbt. Wenn nun auf einer Seite das Attribut bearbeitet wird, dann ist der Wert des Attributs für die Seite gültig und nicht mehr der Wert des globalen Attributs. Mehr zu Attribute hier: https://docs.zeta-producer.com/attribute.html

Ich mach das dann immer so, dass ich ein neues globales Attribut page_css erstelle. Dieses Attribut definiere ich dann im eigenen CSS unter "Einstellungen > CSS" bzw. im globalen Attribut "additional_css". Also #attribute(page_css). Siehe auch: https://docs.zeta-producer.com/neues-attribut-erstellen.html und https://docs.zeta-producer.com/attribut-einfuegen.html

<style>
.banner {
    padding: 40px;
}
.topline {
    background-color: #ffffff;
}
#attribute(page_css)
</style>

So kann ich nun auf jeder beliebigen Seite zusätzliches CSS über das Attribut page_css eingeben, ohne dabei das globale CSS zu überschreiben.

Ich nutze für seitenspetziefisches CSS immer das Attribut "mobile_script" .

Das CSS wird dann auf der Seite vor dem abschließenden </head> eingefügt und das Globale CSS bleibt erhalten.