-
Nachrichtenmodul stylen
Hallo liebes Forum.
Ich versuche gerade die Auflistung meiner Nachrichten zu stylen. Dafür habe ich mir im Quellcode die classes rausgesucht
<div class="layout_latest block first even">
...
</div>
und im CSS dann dass hier formatiert
.layout_latest block first even {
background-color:#cccc00;
color:#fff;
height:auto;
width:510px;
}
Eigentlich sollte jetzt der Hintergrund dieses DIVs in grellem Grün mit weißer Schrft erstrahlen. Dem ist leider nicht so. Stattdessen tut sich garnichts. Weiß jemand wieso? Die CSS Datei habe ich im Seitenlayout geladen und kann sie auch im Quellcode aufrufen. Alle anderen befehle, die in der gleichen CSS Datei stehen wirken sich auch auf ihre DIVS aus. Nur da tut sich nix
-
Dein Selektor ist falsch. Probier's mal so: .layout_latest.first bzw. .layout_latest.even
-
Vielen Dank für die Hilfe, da tut sich allerdings nur im oberen was . Wie kann ich denn den Selektor herausfinden?
Mein CSS sieht jetzt so aus:
.layout_latest.first , .layout_latest.even{
background-color:#cccc00;
color:#fff;
height:auto;
width:510px;
}
im Html hat sich natürlich nix geändert...
-
Natürlich tut sich da nur im oberen was. Ich kann ja schlecht wissen, was Du konkret stylen wolltest. Wenn alle gleich sein sollen, dann einfach über .layout_latest selektieren und die Klassen first bzw. even weg lassen.
Code:
.mod_newslist .layout_latest {
background-color:#cccc00;
color:#fff;
height:auto;
width:510px;
}
-
Hallo,
verwende einfach die darüberlegende class .mod_newslist
.mod_newslist .layout_latest{
background-color:#cccc00;
color:#fff;
height:auto;
width:510px;
}
und falls du die erste und letzte Nachricht verschieden stylen möchtest:
.mod_newslist .first{
..
}
.mod_newslist .last{
..
}
Greetings
John
-
So danke für die Hilfe. Jetzt klappt alles. Wo finde ich denn diese Selektoren heraus wenn nicht im Quelltext?
-
Im Quelltext. Das Firefox Add-on "Firebug" ist dabei recht hilfreich.
-
Hi,
wie xchs schon schreibt, Firebug ist dein Freund.
Nina hatte vor einiger Zeit auch mal einen Thread eröffnet.
https://www.contao-community.de/show...lassen-und-IDs
Greetings
John