Die Kontaktbox soll meistens immer sichtbar sein. Also wird diese im Footer platziert und per position: absolute in den sofort sichtbaren Bereich geschoben. Auf der Website siehts gut aus – im Bearbeitungsmodus ist die Kontaktbox nicht mehr zu finden. Hier hilft die CSS-Class .cc-pagemode-default weiter!
Genau wie normale CSS-Anpassungen setzt du die Klasse .cc-pagemode-default vor das anzusprechende Element einfach in den Head-Bereich der Seite und gibst diesen dann die gewünschten Anpassungen.
/* in diesem Fall ist das DIV mit der id #test mit rotem Hintergrund */
#test {background-color: red; color: #fff;}
/* im Ansichtsmodus soll es allerdings einen gelben Hintergrund haben. */
.cc-pagemode-default #test {background-color: yellow; color: #000;}
Das Test-Div mit der ID "test"
im Berarbeitungsmodus mit rotem Hintergrund.
im Ansichtsmodus per .cc-pagemode-default mit gelbem Hintergrund!
im Berarbeitungsmodus mit rotem Hintergrund.
im Ansichtsmodus per .cc-pagemode-default mit gelbem Hintergrund!