Individuelles Suchfeld Twentyten

  • Hallo,

    ich würde gerne ein individuelles Suchfeld anlegen.

    Im Child Theme Ordner befindet sich eine header.php und eine searchform.php

    header.php (Ausschnitt)
    <div id="access" role="navigation">
    <?php get_search_form(); ?>

    searchfom.php (Alles)
    <form action="/" method="get">
    <fieldset>
    <input type="text" name="s" id="search" value="<?php the_search_query(); ?>" />
    <input type="image" alt="Search" src="<?php bloginfo( 'template_url' ); ?>/images/search.png" />
    </fieldset>
    </form>

    Damit habe ich das Suchfeld in der Navigation. Nun möchte ich das Suchfeld mit CSS bearbeiten. Wenn möglich in der style.css des Child Themes. Das hat noch nicht funktioniert. Was und Wohin muss ich schreiben damit das Suchfeld sich rechts anordnet?
    Oder wie verlinke ich die CSS Befehle aus der style.css mit dem Suchfeld?
    Danke im Vorraus!

    • Anzeige

    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

  • packe den Code der Suche in ein div, z.B.

    PHP
    <div id="searchform"><?php get_search_form(); ?></div>

    style.css dann

    Code
    #searchform {
      float: right;
    }

    da kannst du dann noch weitere Anweisungen eintragen zum Ausrichten wenn nötig

  • Jetzt das Suchfeld und den Button ändern

    Das hat funktioniert! Ich kann jetzt das Suchfeld mit Button ausrichten, aber das Suchfeld oder den Button ändern geht noch nicht...

  • gib doch mal einen Link zu deinem Blog

    vielleicht ist ja schon css-Code für die Suche vorhanden

    denn Button kannst du ja einfach austauschen, siehst ja im Code oben, wie er heißt und wo er ist
    also der Teil

    Code
    /images/search.png"

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!