[gelöst] Views Slideshow zentrieren
Eingetragen von iccin (31)
am 25.04.2015 - 19:37 Uhr in
am 25.04.2015 - 19:37 Uhr in
Hallo zusammen,
ich sitze vor einem Problem und habe schon ein paar Haare darüber verloren...
Ist sicher nicht so schwer, ich finde nur den richtigen Weg nicht und hab auch hier nichts gefunden :-(
Mein Problem:
Ich habe mit Views Slideshow einen Slider erstellt. Der soll eigentlich full width haben, aber das bekomme ich wohl über die Bildstile hin.
Ich weiß nur nicht, wie ich den Block zentriere...
Falls jemand Zeit und Lust hat, mir zu helfen, wäre ich dankbar.
Wenn es nicht zu viele Umstände macht, wäre eine Erklärung für Dummies schön (also in welchem file ich was ändern muss...)
Vielen lieben Dank im Voraus und ein schönes Wochenende,
Nicole
Anhang | Größe |
---|---|
Bildschirmfoto 2015-04-25 um 20.30.34.png | 394.83 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo Nicole, Elemente werden
am 26.04.2015 - 00:37 Uhr
Hallo Nicole,
Elemente werden in Drupal per CSS gestyled, angeorndet, in der gewünschten Form dargestellt.
Wenn du mir die Seite sagst, wo der Slider drauf ist, kann ich dir sicherlich die CSS-Eigenschaft und den passenden Selektor raussuchen.
Das ist in der Regel nicht besonders schwierig, wenn man weiß, wie es geht.
Gruß
Berthold Lausch
Drupal Video-Tutorials
Danke!
am 26.04.2015 - 15:46 Uhr
Hallo Berthold,
zuerst was ganz unwichtiges, aber lustiges: wenn ich kein Mädel geworden wäre, hieße ich jetzt auch Berthold :-)
Ganz lieben Dank schon mal im voraus. Hab mich schon durch alle möglichen files gequält - und die files hab ich auch gequält :-)
Ist ein Sub-Theme von Bartik, bin aber kein css-Held ...
Ich habe die css auch mal als Datei angehängt (als .doc), vielleicht ist es dann nicht so umständlich für Dich.
Es gibt ansonsten noch die bartik-layout.css, die ich im verdacht habe...
Liebe Grüße,
Nicole
Zitat: zuerst was ganz
am 26.04.2015 - 03:23 Uhr
zuerst was ganz unwichtiges, aber lustiges: wenn ich kein Mädel geworden wäre, hieße ich jetzt auch Berthold :-)
Also da haut es mich ja von den Socken, sowas habe ich noch nie gehört, cool....
Aber zurück zum Thema:
Die Slideshow ist, so wie ich das sehe, schon richtig zentriert, allerdings sind die Bilder mit 1400px Breite zu breit, damit du das sehen kannst.
Ich habe mal auf den Selector mit der Silde-Show (.skin-default) ein overflow:hidden hinzugefügt und dann sieht das ganze schon so aus..... (siehe unten).
.skin-default
{
overflow: hidden;
}
Drupal Video-Tutorials
:-)
am 26.04.2015 - 14:36 Uhr
Hallo Berthold,
danke!
ich hab
.skin-default
{
overflow: hidden;
}
jetzt einfach mal in die weltherz.css eingefügt - ich hoffe, das sollte dahin.
Jetzt sitzt das ganze schön zentriert, allerdings wollte ich den Slider full width, so dass er über die ganze Breite, ohne Rand, geht. Deshalb hab ich die Bilder auch auf 1400px Breite gesetzt....
Gibt's dafür auch einen css-Trick, wie ich das hinkriege?
Ich hoffe, Du bist bei meiner css nicht in Ohnmacht gefallen und weiterhin ansprechbar :-) ich glaube, die muss ich noch a bisserl aufräumen ....
Für Kritik und Anregungen bin ich immer offen :-)
Dir liebe Grüße und einen schönen Sonntag,
Nicole
Du könntest zuerst mal
am 26.04.2015 - 15:03 Uhr
Du könntest zuerst mal versuchen deinen Slider unter Blöcke in eine andere Region zu verschieben, z.B. Featured oder ähnliches.
Momentan sitzt dein Slider vermutlich in einer Content Region die nicht für volle Seitenbreite (Fluid) angelegt ist, wenn du hier mit CSS etwas erzwingst wird es sich vermutlich unschön auf den normalen Text auswirken, der nicht über die volle Breite gehen soll.
In den Template Dateien kannst du dir auch eigene Regionen anlegen die diesen Zweck erfüllen, falls vorhandene nicht passen sollten.
Grüße Jenna
schritt für schritt...
am 26.04.2015 - 16:50 Uhr
Hallo Jenna,
auch Dir vielen Dank für die Anregung!
Der Slider lag in "Highlighted". Ich hab mir jetzt eine neue Region angelegt und ihn dorthin gelegt - und siehe da, ich komme meiner Vorstellung von einem full-width-slider schon näher :-) und der content hat schön seine Breite beibehalten!
Jetzt muss ich glaub ich nur noch ein wenig im css rumwurschteln, das krieg ich irgendwie schon hin.
Auf jeden Fall Dir und Berthold herzlichen Dank und einen schönen Sonntag!
Liebe Grüße,
Nicole
Nachtrag: Hab mich wohl doch überschätz :-( krieg das slider-ding doch nicht hin, dass der rechte Rand verschwindet....
Der Rand ist jetzt zwar nicht
am 26.04.2015 - 17:12 Uhr
Der Rand ist jetzt zwar nicht mehr zu sehen, aber dein CSS ist noch fehlerhaft, du hast jetzt so eine unschöne horizontale Scrolleiste unten im Browser erzeugt.
Eventuell hier mal nachsehen in der layout.css unter #featured div.section oder deine letzten Änderungen nochmal checken ob du eine Anweisung falsch überschrieben hast.
Grüße Jenna