Page 1 of 1
[gelöst] Suchfeld verkleinern
Posted: Tue Apr 01, 2008 11:52 pm
by Sturmkind
In der linken Leiste befindet sich ein Suchfeld mit einen Button. Meine Frage ist nun wie ich dieses Suchfeld ein wenig verkleinere, damit der Button dahinter und nicht wei bisher darunter ist.
Grüße
Sascha
Re: Suchfeld verkleinern
Posted: Wed Apr 02, 2008 1:18 am
by yellowled
Sturmkind wrote:Meine Frage ist nun wie ich dieses Suchfeld ein wenig verkleinere, damit der Button dahinter und nicht wei bisher darunter ist.
Über CSS in der style.css des Templates:
Code: Select all
.serendipitySideBarContent input {
width:150px;
}
Allerdings bestimmt das die Breite für
alle Eingabefelder in Seitenleisten. Es ist durchaus denkbar, dass man die Breite auch für alle Eingabefelder ändern möchte, genauso ist denkbar, dass man das nicht möchte. Das ist Deine Entscheidung.
Möchtest Du es explizit für dieses Eingabefeld ändern, dann füge der style.css Folgendes hinzu (idealerweise
nach obiger Deklaration):
Code: Select all
.container_serendipity_quicksearch_plugin input {
width: 120px; /* z.B. */
}
Eine solche container_*-Klasse bekommt jedes Container-div für ein Seitenleistenplugin zugeordnet, man könnte also theoretisch mehrere input-Felder individuell gestalten.
YL
Posted: Wed Apr 02, 2008 7:37 am
by Sturmkind
Super das funktioniert einwandfrei! Ich danke Dir!
Habe mich für den zweiten Weg entschieden, also jenen um die Breite der Suche einzeln festzulegen. Aber auch generell ist es gut zu wissen das so etwas geht. Man weiß ja nie was man noch anpassen will.
Ich wünsche noch einen schönen Tag.
Grüße
Sascha