Individuelle Anpassungen/Probleme
Bilder
Füge dazu folgendes CSS in die custom.scss ein.
.hero .hero-body {
min-height: inherit;
padding-bottom: 50px;
}
Füge folgendes CSS in die custom.scss ein, um das Hintergrundbild zu ändern.
.hero .hero-body {
background-image: url(/files/zeroOne/img/quote.svg);
}
Natürlich kann das Hintergrundbild auch entfernt werden.
.hero .hero-body {
background-image: none;
}
Möglicherweise ist der Ordner in der Dateiverwaltung nicht auf Öffentlich gestellt. Du kannst das prüfen, indem du
den entsprechenden Ordner bearbeitest. Das Häkchen bei Öffentlich muss gesetzt sein, ansonsten wird das Bild nicht
im Frontend angezeigt.
Dazu muss im Theme jQuery und das jQuery-Template j_colorbox geladen werden. Das Layout kann im Backend unter Themes
und über das drittletzte Icon Seitenlayouts des Theme ID 1 bearbeiten bearbeitet werden.
Bei animierten GIFs darf bei den Bildeinstellungen keine Bildgröße gesetzt werden, ansonsten bleibt die Animation nicht erhalten.
Events/News
Wenn kein Bild bei dem News-/Events-Element ausgewählt wurde, wird die linke Spalte nicht angezeigt. Ansonsten kannst
du beim Modul des Eventleser/Nachrichtenleser das Template event_full_zeroone_without_image bzw.
news_full_zeroone_without_image auswählen.
Kontaktseite
Die SVG-Grafik findest du in der Dateiverwaltung unter dem Ordner zeroOne/img/files/zeroOne/img/navbar_level_2.svg. Du kannst diese einfach mit einer anderen Grafik ersetzen (der Dateiname muss gleich bleiben).
Wenn du nur die Hintergrundfarbe anpassen möchtest, kannst du in der Dateiverwaltung auch den Quelltext der Datei
bearbeiten (das vorletzte Icon). Nach dem startenden <g fügst du folgenden Code fill="#015b7e" ein und ersetzt den
Farbcode durch deinen gewünschten Farbcode (siehe folgenden Screenshot).
Du kannst das über die Variable $zeroOneColor_1 in der _custom_variables.scss anpassen. Alternativ kannst du auch folgendes CSS in die custom.scss einfügen.
.form-label, .form-group label:not(.form-checkbox):not(.form-radio),
.ce_form .widget:not(.widget-checkbox):not(.widget-radio) label:not(.form-checkbox):not(.form-radio) {
background: #d23b3b;
}
Du kannst das über die Variable $body-font-color in der _custom_variables.scss anpassen. Alternativ kannst du auch folgendes CSS in die custom.scss einfügen.
.form-input, .form-select, .checkbox_container > div, .radio_container .form-group > div, textarea {
color: #333;
}
Textelemente
Du kannst das über die Variable $boxes-background in der _custom_variables.scss anpassen. Alternativ kannst du auch folgendes CSS in die custom.scss einfügen.
.table.table-striped tbody tr:nth-of-type(odd) {
background: #cceaff;
}
