Suche Button

[helle2007]

Hallo,
ich passe gerade mein Gambio Template auf Modified -tpl_modified_responsive an.
Ich habe die Suche nach oben links verschoben, und von 35px auf 30px angepasst.
Nun möchte ich den Suche-Button kleiner machen, da der Button aber über ".cssButton button" angepasst wird und somit für alle Buttons im Shop verändert wird, gibt es die Möglichkeit den Button allein anzupassen?

Ich hatte auch das Inputfeld angepasst auf 30px, dann werden leider alle Inputfelder auf 30px gesetzt.
Somit bräuchte ich eine neue angepasste Suche!
Danke Euch

Linkback: https://www.modified-shop.org/forum/index.php?topic=43419.0

[noRiddle (revilonetz)]

Wenn du CSS selbst anpasst solltest du dich ein wenig informieren über CSS-Spezifität.
Du kannst doch einschränken, indem du den Selector spezifischer machst.
Da es für das Suchfeld einen übergeordneten Container mit der class search_inner  gibt ist das problemlos möglich.

Gruß,
noRiddle

[Tomcraft]

Und dann noch daran denken die "min-height" aus ".cssButton" zurück zu setzen, also so:

Code: CSS  [Auswählen]

div.search_inner span.cssButton {
  height: 30px;
  min-height: unset;
}

Grüße

Torsten

[helle2007]

Ich Danke Euch, schaue ich mir an!
Torsten, wo schreibe ich den Div Befehl hin ?

[Tomcraft]

Die "stylesheet.css" wäre eine gute Idee.

Grüße

Torsten

[helle2007]

Danke Torsten,
da hatte ich das eingesetzt, der Button blieb aber bei 35px !
daher die Nachfrage.

jetzt hat es aber geklappt - Suppi

[helle2007]

So meine Suche angepasst!
Aber wo bekomme ich den Schriftzug hinter der Lupe weg?

[Viol]

Versuche mal in der stylesheet.css display auf none zu setzen.

Code: CSS  [Auswählen]

.cssButton .cssButtonText {
  display: none;

[Tomcraft]

Dann wird der Text aber bei allen Buttons ausgeblendet.
Besser in Datei "/templates/tpl_modified_responsive/lang/buttons_german.php" suchen:

Code: PHP  [Auswählen]

//define('CSS_IMAGE_BUTTON_QUICK_FIND_TEXT', '');

Und ersetzen mit:

Code: PHP  [Auswählen]

define('CSS_IMAGE_BUTTON_QUICK_FIND_TEXT', '');

Grüße

Torsten

[helle2007]

Danke Torsten,
die Methode hat geklappt.

Mit display: none; ist der ganze Button verschwunden.