menu hintergrund einfärben, hintergrundgrafik geht wohl nicht.

1. offizieller Beitrag

    Hallo,

    ich wollten den Bereich der im screen gezeigt ist einfärben. hintergrundgrafik färbt alles ein. wenn ich nur den bereich einfärben will, muss ich doch eigentlich nur die Klasse von "Clearfix" auf eine neu zu definierende class wechseln, oder irre ich mich da? klar ich muss das im quelltext machen und nicht im Producer.

    reicht es eine neue Class zu definieren, mit dem parameter der farbe? erscheint der dann auch im "layout " wenn ich auf layout gehe um den anzupassen, oder muss ich dann immer wieder im quelltext arbeiten?

    gibt es da bessere lösungen?

    Ich bin hochmotiviert mit kompletten halbwissen :saint:

    Gruss vom Niederrhein

    Hallo Kai,

    gerade bei Fragen zu CSS ist es immer sehr hilfreich, wenn bekannt ist, mit welchem Layout gearbeitet wird. Lass uns Dein Layout wissen, und dann kann Dir sicherlich geholfen werden.

    Die Angabe der verwendeten Version von ZP hat auch noch nie geschadet, auch wenn sie in diesem Fall vermutlich nicht ganz so wichtig scheint.

    Zu Deinen weiteren Fragen:

    Etwaige CSS-Änderungen nimmst Du in ZP unter „Einstellungen > CSS“ vor. Diese Angaben werden dann im Quelltext ausgegeben.

    Meinem gefährlichen Halbwissen nach, musst Du keine neue Klasse vergeben. Vielmehr musst Du die verwendete Klasse einfach um einen entsprechenden Eintrag ergänzen.

    Viele Grüße

    Tom

    • Offizieller Beitrag

    Bitte auf keinen Fall die Klasse "clearfix" ergänzen/verändern, denn die wird nicht nur im Header verwendet!

    Im Layout "Bare Responsive" erstreckt sich der Header auch nicht über die ganze Seite. Ein farbiger Hintergrund, wie sie es sich wünschen ist hier also nicht ohne weiteres möglich, ohne auch das Layout des Headers auf die volle Breite zu ändern.

    Wenn es denn aber unbedingt sein muss, könnte folgendes angepasstes CSS helfen (Farbe "red" entsprechend anpassen):

    Code
    <style>
header {
	background-color: red;
	max-width: none;
	padding-left: 20px;
	padding-right: 20px;
}
</style>

    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