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 - 12: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 - 17: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 - 19: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 - 11: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

  • Wie in hook_views_query_alter() einen join auf Tabelle url_alias durchführen?
  • Theme Classy sei installiert, ist aber nicht bei Themes
  • fbsmp\plugins Hilfe
  • Composer 1 zu Composer 2
  • Migration über feeds von D6 auf D8
  • Bitte um Einschätzung: Upgrade von Drupal 7 auf 9
  • Scroll zu View-Ergebnissen nachdem Filter angewendet ist
  • SQL-Injection? User hat sich Zugriff aufs Admin-Konto geholt und Änderungen vorgenommen.
  • [gelöst] Persönliches Kontaktformular, oder interne User Nachrichten
  • Webform Progress Symbol (Loading icon)?
  • Mehrere freie Mitarbeiter:innen gesucht für Kooperation
  • Webform Submission Eingaben über Views ausgeben?
Weiter

Neue Kommentare

  • Gleiches Problem: bootstrap 4
    vor 18 Stunden 33 Minuten
  • Da wirst Du den Bug wohl
    vor 21 Stunden 32 Minuten
  • Immer noch composer 1 zu 2
    vor 1 Tag 12 Stunden
  • Feed Tamper
    vor 1 Tag 13 Stunden
  • Sorry, dann gab es das bei
    vor 1 Tag 14 Stunden
  • Beziehung Branche Adresse!
    vor 1 Tag 14 Stunden
  • Auf Englisch heißt das
    vor 1 Tag 17 Stunden
  • Composer Upgrade bei bestehendem Projekt
    vor 1 Tag 21 Stunden
  • Du meinst Argument?
    vor 1 Tag 21 Stunden
  • Um die einzelnen Felder der
    vor 1 Tag 22 Stunden

Statistik

Beiträge im Forum: 248393
Registrierte User: 19754

Neue User:

  • Aman_Musani
  • Dustinjex
  • Rickywap

» Alle User anzeigen

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