Links im Block Olivero Theme
am 06.10.2025 - 18:09 Uhr in
Hallo,
möchte gerne meine Links / URL's in den Blöcken Seitenleiste und der Fußleiste, nicht Standardmäßig unterstrichen haben, sondern erst beim überfahren mit der Maus (Hover).
Könnt Ihr mir da weiterhelfen, wie mache ich das in Drupal 11 am besten bzw. wo finde ich die entsprechende CSS Dateien?
- Anmelden oder Registrieren um Kommentare zu schreiben

https://developpeur-drupal.co
am 08.10.2025 - 12:20 Uhr
Ganz grundsätzlich brauchst du dafür ein Subtheme.
Zwar einfach beispielsweise mit Visual Studio Code die entsprechende Stelle im CSs des Themes heraussuchen und anpassen, aber spätestens beim nächsten Update seitens der Entwickler würde die Datei überschrieben und deine Änderung wäre futsch. Deswegen legt man einfach ein Subtheme an und nimmt seine Änderungen dort vor, damit sie im Falle eines Updates des Basisthemes nicht überschrieben werden.
Wie das geht steht z. B. Hier:
https://developpeur-drupal.com/en/article/create-drupal-9-olivero-sub-theme
Du könntest allerdings auch einfach ein Modul zur Injektion benutzerdefinierten Css nutzen und den Links im Block eine entsprechende CSS-Klasse verpassen, die underline:None für das Tag a enthält. Wenn du wirklich nur die Links anpassen möchtest und sonst nichts sollte dass schneller gehen. In dem Fall steht die Anpassung dann halt in der Datenbank und nicht in den Dateien eines extra erstellten Sub-Themes
Die entsprechende Css-Datei findest du unterhalb des Ordners /web/Themes/contrib oder in /web/core/Themes/...
thx, denke ich mache es erst
am 08.10.2025 - 16:21 Uhr
thx, denke ich mache es erst mal so ohne Subtheme, wenn es mehr wird mache ich mir Gedanken darüber. Weißt du wo ich das block css a genau finde, mein Pfad ist 'core/themes/olivero/css/..'
Ja sicher
am 09.10.2025 - 12:22 Uhr
Ja sicher hier:
core/themes/olivero/css/components/text-content.css
Du suchst doch gar nicht das Block-Css. Was du suchst ist eine Möglichkeit den Strich unter den Links im Inhalt, noch genauer an HTML-Tag a wegzubekommen.
Dazu musst du erstmal wissen, dass der Strich unter den Links überhaupt kein Strich ist sondern ein Schatten. Dass heißt du suchst nach der Eigenschaft box-shadow und nicht nach der Eigenschaft decoration:underline. So und die küsst du eben für das HTML-Tag a übersteuern, indem du hinter die entsprechenden Eigenschaft der Klasse, die du an dein a element innerhalb des betreffenden Blocks anhängen musst, mit !Important übersteuern.
Im Grunde ganz einfach, wenn man CSS beherrscht
Mit diesen Informationen sollte es dir ein leichtes sein das gewünschte Ergebnis zu erreichen. Wenn du nach 3 Stunden Rum probieren immer noch keinen Erfolg gehabt haben solltest, dann melde dich gerne wieder.