Such Widget anpassen

FxPGoD

Hallo,
ich frage mich wie ich das Such widget anpassen kann.
Habe ein anderes Template auf meinem Blog.
Konte die Farbe der Box in meiner style.css des Templates anpassen.
Jedoch finde ich nirgends die möglichkeit den Button anzupassen.
Also mittig zu setzen usw ..

wie wo find ich das?

Meine css:
http://pastebin.com/m7966074a

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

Schau mal welche ID das input-Feld submit hat. Die ID kannst du dann über CSS ansprechen, z.B. :

Code

#searchsubmit {
....
....
}

marX

Genauso wie im alten Theme. Wenn eine CSS-Regel fehlt, dann füge sie einfach neu ein.

Ansonsten fehlt hier der HTML-Code des Suchformulars, um dir helfen zu können.

FxPGoD

hm also da shabe ich aus dem Quelltext

PHP

<li id="search" class="widget widget_search">        <form id="searchform" method="get" action="http://www.domain.com/"><div>
            <label class="hidden" for="s">Suche nach:</label>
            <input type="text" name="s" id="s" size="15" value="" />
            <input type="submit" value="Suchen" />
        </div></form>

Mit was muss ich das in der css ansprechen? mit search oder searchform ??

marX

Code

#searchform input[type=submit] {
 /* ... */
}

FxPGoD

danke hat mir sehr weitergeholfen :D

marX

Ich möchte aber nicht unerwähnt lassen, das dieser "Attributselektor" evtl. in älteren Browsern (namentlich: IE6 ;-)) nicht funktioniert.

maxe

Zu marX Anmerkung ... evtl. dann doch die Lösung über eine ID:

Code

<li id="search" class="widget widget_search">        <form id="searchform" method="get" action="http://www.domain.com/"><div>
            <label class="hidden" for="s">Suche nach:</label>
            <input type="text" name="s" id="s" size="15" value="" />
            <input type="submit" [COLOR=Red]id="searchsubmit"[/COLOR] value="Suchen" />
        </div></form>

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Such Widget anpassen

Jetzt mitmachen!