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

[gelöst] Colorbox: Anodnung der Thumbnails waagrecht anstatt senkrecht

Eingetragen von Rainer Sommer (5)
am 16.10.2016 - 13:02 Uhr in
  • Module
  • Drupal 8.x oder neuer

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!

‹ Fehlende Search API Datenbank-Tabellen - Warum? [gelöst] Colorbox: Anodnung der Thumbnails waagrecht anstatt senkrecht ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Dein Theme hat sicherlich

Eingetragen von glycid (918)
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.

Jondos Digital

  • Anmelden oder Registrieren um Kommentare zu schreiben

Dein äußeres fließt nach

Eingetragen von sui (143)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Bingo!

Eingetragen von Rainer Sommer (5)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Matomo(?) in Seite, aber Deinstalliert!
  • Upgrade Drupal 7 auf Drupal 9 / Inhalt erstellen zeigt nur Fehler an
  • Olivero veraendern
  • Fehlermeldung nach Update auf Drupal 10
  • Wie Button erstellen?
  • footnotes bei D10 und CKE5
  • ckeditor Bilder skalieren
  • Bild in welcher Form die Beschriftung!
  • Drupal 10 und Adaptive Theme 2.0
  • Drupal Commerce: Deprecated Module deinstallieren: CKEditor, RDF
  • [gelötst] Migration einer Seite von D8.9 auf 9 resp 10
  • Theme Olivero - Rand entfernen?
Weiter

Neue Kommentare

  • @onkel Bob,Erst mal
    vor 3 Tagen 14 Stunden
  • Prinzipiell geht das schon.
    vor 3 Tagen 14 Stunden
  • Rubi_2021 schriebWie genau
    vor 1 Woche 2 Tagen
  • Ok, war ein Versuch. ;-) Kann
    vor 1 Woche 2 Tagen
  • Danke
    vor 1 Woche 2 Tagen
  • Redest Du von dem
    vor 1 Woche 2 Tagen
  • Mit sticht das hier ins
    vor 1 Woche 2 Tagen
  • Mit welcher Version Drupal
    vor 1 Woche 2 Tagen
  • Bitte um Hilfe
    vor 1 Woche 3 Tagen
  • Fehler trotz Neuinstallation
    vor 1 Woche 3 Tagen

Statistik

Beiträge im Forum: 248796
Registrierte User: 19832

Neue User:

  • J. Berten
  • vohome
  • DerRalph

» Alle User anzeigen

User nach Punkten sortiert:
wla9333
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 3 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