Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

Theme override mit addClass?

Eingetragen von congomonster (24)
am 01.09.2016 - 19:39 Uhr in
  • Themes & Theming
  • Drupal 8.x

Hallo,

ich versuche mich gerade an einem Bootstrap Subtheme. Die Ergebnisse der Suche möchte ich gerne über eine CSS Klasse anpassen.
Ich habe mir search-result.html.twig schon in mein Template geholt. Das überschreiben klappt dann. Nur leider nicht bei der Überschrift der Suchergebnisse.
Ist es möglich sich die region.html.twig zu nehmen und zu sagen: Wenn du Seite Bilder bist dann hänge an die regions die klasse Bilder. Wie geht das?

‹ Browscap Modul - Caching-Modus deaktiviert Seite im Menü aber nicht editierbar! ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

am besten du schaust dir die gewünschte Seite

Eingetragen von ronald (3857)
am 01.09.2016 - 20:31 Uhr

mit deinem Lieblingsbrowser im Debug-Mode an (F12-Taste).

Dann siehst du genau, welche CSS-Klasse angesprochen wird.

Diese definierst du in deinem individuellen CSS, wie du es möchtest.

CSS überschreibt automatisch das letzte Element, das explizit beschrieben ist.

  • Anmelden oder Registrieren um Kommentare zu schreiben

ja aber....

Eingetragen von congomonster (24)
am 02.09.2016 - 14:09 Uhr

Hallo Ronald,

danke für die Antwort. Mein Problem ist, das die Klasse "region" ja auf allen Seiten zu finden ist.
Ich möchte aber die region nur auf der Suchenseite ändern, oder vielleicht noch auf ein paar anderen.

Daher habe ich gedacht, man könne im twig template eine if Abfrage machen um eine zusätzliche Klasse nur auf dieser Seite hinzuzufügen.

Also aus:
<div class="region region-content"></div>
Soll das werden:
<div class="region suchseite region-content"></div>

  • Anmelden oder Registrieren um Kommentare zu schreiben

Naja, bei CSS lassen sich

Eingetragen von wla (9461)
am 02.09.2016 - 14:20 Uhr

Naja, bei CSS lassen sich Ketten von Klassen bilden. Hat etwa das Body Element die Klasse "node-4711" dann beschreibt .node-4711 .region eine Region, die nach einer Klasse "node-4711" vorkommt. Auch zwei Klassen auf dem gleichen Element lassen sich nutzen. So beschreibt etwa .node-content.node-type-artikel eine Element, das sowohl die Klasse "node-content" als auch die Klasse "node-type-artikel" hat. .node-type-artikel > div beschreibt ein Div, das genau eine Ebene unter dem Element mit der Klasse "node-type-artikel" liegt. Wenn Du nicht die Zeit hast, Dich umfassend in CSS einzuarbeiten, so solltest Du Dich wenigstens mit den Selektoren befassen. Die Ketten können übrigens auch länger werden als nur zwei Klassen.

  • Anmelden oder Registrieren um Kommentare zu schreiben

klappt!

Eingetragen von congomonster (24)
am 02.09.2016 - 19:31 Uhr

Hallo wla,

ich wuste nicht das in dem Body eine Klasse hinterlegt wird. Bei mir steht da aber nur path -search oder path-node.
Gibt es da noch einen Trick um wie oben von dir erwähnt node-4711 zu bekommen? Alsi eine id?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Link

Eingetragen von DrupalFan (1646)
am 03.09.2016 - 12:14 Uhr

Hallo,

wenn Du den genauen Link zu deiner betroffenen Seite postest (oder per Kontaktformular über das Profil schickst), kann man ganz konkret weiter helfen.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 2 Wochen 2 Tagen
  • Hey danke
    vor 2 Wochen 3 Tagen
  • Update: jetzt gibt's ein
    vor 2 Wochen 3 Tagen
  • Hallo, im Prinzip habe ich
    vor 3 Wochen 1 Tag
  • Da scheint die Terminologie
    vor 3 Wochen 1 Tag
  • Kannst doch auch alles direkt
    vor 3 Wochen 5 Tagen
  • In der entsprechenden View
    vor 3 Wochen 5 Tagen
  • Dazu müsstest Du vermutlich
    vor 3 Wochen 5 Tagen
  • gelöst
    vor 6 Wochen 2 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 6 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20455

Neue User:

  • ByteScrapers
  • Mroppoofpaync
  • 4aficiona2

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 17 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association