Theme Mayo: header bachground image richtig einbinden
Eingetragen von McAldo (80)am 24.08.2018 - 08:27 Uhr in
Hallo,
ich versuche unter Drupal 8 im Mayo- Theme ein header background image einzubinden. Leider ist es so, dass dieses Bannerbild sich wiederholend angezeigt wird. Zum Beispiel wird bei einem breiten Monitor das Bild 2,5 mal nebeneinander angezeigt. Ich hätte es jedoch gerne nur einmal am rechten Rand angezeigt und links, wenn das Bild nicht über die ganze Breite geht, die normale Hintergrundfarbe.
Mittels der Konfigurationsoptionen von Mayo habe ich das bisher nicht hinbekommen. Gibt es einen Weg zum gewünschten Ergebnis?
- Anmelden oder Registrieren um Kommentare zu schreiben
Hibackground-repeat:
am 24.08.2018 - 08:53 Uhr
Hi
background-repeat: none;
float: right;
MfG
.
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Konfiguration mittels Webinterface?
am 24.08.2018 - 11:56 Uhr
Danke für die Antwort.
Diese Einstellungen muss ich dann aber in der entsprechenden css Datei vornehmen. Oder bekommt man das mittels Weboberfläche hin?
Ich hänge mir immer eine
am 24.08.2018 - 12:18 Uhr
Ich hänge mir immer eine eigene CSS-Datei im Theme ein, in der ich meine eigenen CSS-Anweisungen sammle. ich würde allerdings die Anweisungen
background-position: right center (oder top);
background-repeat: none;
wählen. Willst Du eine vorhandene CSS-Datei nehmen, so kannst Du die style.css nehmen und dann am Ende einfügen.
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Ich habe jetzt in der Datei
am 24.08.2018 - 12:38 Uhr
Ich habe jetzt in der Datei "mayo.theme" den Header-Abschnitt angepasst und aus "repeat" no-repeat" gemacht. Das sieht man auch schon in der mit Firebug angezeigten Code-Zeile der Webseite:
<header id="header" role="banner" style="filter:;background: url(/sites/default/files/header_background.png) no-repeat top right;border: none;" aria-label="Kopfzeile der Website">In der Datei style.css habe ich das angepasst:
/**
* Header
*/
#header {
padding: 0px;
display: block;
border-style: solid;
border-width: 1px;
overflow: hidden;
background-repeat: no-repeat;
}
#header-watermark {
margin: 0;
padding: 0;
background-image: none;
background-repeat: no-repeat;
background-position: top center;
}
Bei "background-repeat" hatte ich auch "none" stehen.
Trotzdem ändert sich nichts. Das Bild wiederholt sich, wenn ich die Webseite herauszoome oder der Bildschirm breiter ist.
Hast Du die Caches geleert?
am 24.08.2018 - 16:11 Uhr
Hast Du die Caches geleert?
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Kein Cache
am 24.08.2018 - 16:36 Uhr
Cache ist nicht aktiv. Alle anderen Änderungen im Drupal werden sofort aktiv. Im Bugzilla zeigt es auch gleich den neuen Code an. Aber das Bild wird trotzdem als "repeat dargestellt.
Hi versuchs mal
am 24.08.2018 - 19:22 Uhr
Hi
versuchs mal mit:
background-repeat: no-repeat !important;
MfG
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Leider funktioniert es
am 26.08.2018 - 14:50 Uhr
Leider funktioniert es nicht.
In Bugzilla wird das angezeigt:
<header id="header" role="banner" style="filter:;background: url(/sites/default/files/header_background.png) no-repeattop right;border: none;" aria-label="Kopfzeile der Website">Ein eingeloggter User sieht nun kein Image, nur den farblichen Hintergrund. Bei einem nicht eingeloggten User wird das Bild weiter wiederholt. Ist das ein Fehler in Mayo?