[gelöst] Suchfeld verkleinern

[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

[yellowled]

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

[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