Abstand zwischen Feldern in einer dublizierten View
am 14.10.2014 - 16:31 Uhr in
Hallo miteinander,
bin noch recht neu in Drupal und passe gerade ein bestehendes Template an. Soweit hat alles super geklappt... komme aber an einer Stelle einfach nicht weiter...
Auf einer Unterseite gibt es eine View in einem dazugehörigen Block mit 3 Feldern untereinander. Bild, Titel, Inhalt, verlinkt auf einen Blogartikel.
Diese View hätte ich gerne öfter auf der Webseite (auf anderen Unterseiten) verwendet, nur mit anderen Blogartikeln darin.
Um dies umzusetzen habe ich die View dubliziert und die Filter entsprechend gesetzt. Die neue View sieht zwar fast genauso aus wie die alte, hat aber keinen Zwischenraum zwischen Bild (Feld 1) und Titel (Feld 2) ...
In der CSS habe ich die entsprechende Stelle gefunden, an der ich den Abstand zwischen den beiden Feldern, bei der ersten View ändern kann, die im Template so schon eingebaut war. Die von mir dublizierte View scheint dort nicht darauf zuzugreifen...
Was ich brauche ist die Stelle "margin-bottom: 15px;" auch bei meiner neuen View zu ändern... mein Gedanke war, hier (#block-views-our-team-block) eine Anpassung vorzunehmen und meinen neu benannten Block einzutragen wie (#block-views-NEUERNAME-block) ... das hat schon einmal nicht funktioniert ... bin ich da auf dem Holzweg und es gibt eine einfachere Möglichkeit eine View zu dublizieren, die dann auch identisch aussieht...? Ich arbeite auf einem lokalen Server und kann hier leider keinen Link posten, gerne aber den Link zum Template... Vielen Dank für eure Hilfe schon einmal... :)
P.S. Mit den Abstandsinformationen im Backend Felder / Einstellungen und Trennzeichen konnte ich die Stelle zwar beeinflussen, aber leider nur ungenau mit Absätzen und auch nur zwischen Titel und body...
P.S.S. wie so oft, wenn man einen Foreneintrag macht, kommt einem eine Lösung während des Schreibens ... habe nun im Feld "employee Foto" unter Designeinstellungen "Feldvorlage verwenden" ausgewählt und nun erscheint es sehr ähnlich wie die erste View... dennoch würde ich die Funktion gerne verstehen... habe ehrlich gesagt auch keine Ahnung, warum das jetzt funktioniert hat....
Hier der Ausschnitt aus der CSS, der die entsprechende View beeinflusst:
ul.contextual-links li a:hover {}
.page-blog .field-name-field-blog-image {
width: 300px;
}
.page-blog .node-teaser .field-type-image {float:left; margin:0 20px 6px 0;}
.field-type-image {margin-bottom:20px;}
.profile .user-picture { margin-left:20px;}
.profile h3 { overflow:hidden;}
#block-views-our-team-block .views-field-field-employee-photo {
margin-bottom: 15px;
}
#block-views-our-team-block {
padding: 50px 0 0;
background: url(../images/border-1.png) left top repeat-x;
}
#block-views-our-team-block .views-row {}
#block-views-our-team-block .views-row.views-row-first {
border-top: none;
}
#block-views-our-team-block .views-field-title a { font-weight:bold; text-decoration:none;}
#block-views-our-team-block .views-field-body, #block-views-our-team-block .views-row {
margin-bottom: 15px;
}
.filter-type {margin-bottom:30px;}
label.option {vertical-align:middle;}
.node-author .username {
padding-right: 0;
margin-right: 0;
border: none;
}
- Anmelden oder Registrieren um Kommentare zu schreiben

Wenn du eine Views
am 15.10.2014 - 01:03 Uhr
Wenn du eine Views duplizierst erhält diese und jede weitere ja einen eigenen Namen, z.b. aus #block-views-our-team-block wird
#block-views-our-team-block-page2 (nur ein Beispiel, der Name ist erfunden).
Du müßtest also dein CSS auf die ID der neuen Views ebenfalls anpassen.
Oder du vergibst in den jeweiligen Feldern der View eigene CSS Klassen, diese können dann in jeder View gleich lauten und es spart eine Menge Arbeit wenn alles gleich aussehen soll.
Grüße Jenna
Hi Jenna, danke für deine
am 15.10.2014 - 07:33 Uhr
Hi Jenna,
danke für deine Hilfe;)
wie finde ich denn den exakten Namen der neuen View? die aktuelle alte heißt im Backend "Our team" als Block und "View: Our Team" ... wie setzt sich denn da das "#block-views-our-team-block" zusammen?
Ich sehe das richtig, dass es logisch, das eine dublizierte View erst einmal anders aussieht?
Grüße, Stephan
Hi wakila, Du müßtest in den
am 15.10.2014 - 09:38 Uhr
Hi wakila,
Du müßtest in den Quelltext der Seite schauen (über den Browser). Da siehst Du ja, wie die Klasse für diese spezielle Block-View heißt.
Besonders komfortabel geht das mit der FireFox-Extension Firebug.