[gelöst] Colorbox: Anodnung der Thumbnails waagrecht anstatt senkrecht
Eingetragen von Rainer Sommer (5)am 16.10.2016 - 13:02 Uhr in
Hallo Leute,
Diese Woche habe ich mir Colorbox als Modul für Bildergalerien installiert und seitdem versuche ich die Anordnung der Thumbnails nebeneinander darzustellen, anstatt untereinander.
Siehe:
Beispiel
Alle Thumbnails untereinander, was nicht schön aussieht. Besser wäre es nebeneinander. Das ich dies mit CSS und float machen muß ist klar. Klar ist mir aber nicht, welche Datei(en) ich editieren muß und was ich dort ändern/ergänzen soll. Alle Anleitungen zu dem Thema funktionieren hier nicht, oder scheinen in Drupal 8 nicht mehr zu greifen.
Mit Firebug habe ich mir anzeigen lassen, welche CSS Dateien involviert sind und auf welche Klassen zugegriffen wird, bzw. was wo definiert wird. Egal wo ich ein "float:left;" einfüge, es ändert sich an meiner Anzeige schlicht nichts - und jetzt, nach 5 Tagen suchen, probieren und testen, bin ich wirklich am Ende meiner Weisheit und hoffe, jemand von euch kann mich erleuchten.
Danke!
- Anmelden oder Registrieren um Kommentare zu schreiben
Dein Theme hat sicherlich
am 16.10.2016 - 18:36 Uhr
Dein Theme hat sicherlich eine style.css oder so ähnlich. Da einfach:
.field--name-field-galerie-bilder .field__item {float: left;
}
einfügen. Dann cache löschen oder css Aggregation ausschalten.
Webentwicklung mit Drupal
Dein äußeres fließt nach
am 16.10.2016 - 20:19 Uhr
Dein äußeres "div class="field field--name-field-galerie-bilder field--type-image field--label-hidden field__items"" fließt nach links, deine inneren "div class="field__item"" jedoch nicht.
Wenn du den "field__item" ein float: left und passende margin und padding mitgibst sollte es klappen.
BG sui
Bingo!
am 17.10.2016 - 12:47 Uhr
Stichwort Cache löschen war der Haupttipp, der mir fehlte!
Erst nach dem Löschen des Caches griffen die Änderungen in der style.css. Da wäre ich in hundert Jahren nicht darauf gekommen!
Vielen Dank für den Tipp, auch an sui!
Endlich sieht das ganze so aus, wie es soll.