Theme override mit addClass?
Eingetragen von congomonster (24)
am 01.09.2016 - 19:39 Uhr in
am 01.09.2016 - 19:39 Uhr in
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?
- Anmelden oder Registrieren um Kommentare zu schreiben
am besten du schaust dir die gewünschte Seite
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.
ja aber....
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>
Naja, bei CSS lassen sich
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.
klappt!
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?
Link
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.