p class in #login #form ansprechen

  • Hallo,
    Ich möchte die Standard Login Formular sprich:

    PHP
    <?php wp_login_form(); ?>

    Umgestalten. Doch leider sieht das wie folgt aus:

    Code
    <div id="login">
    <form name="loginform" id="loginform" action="http://localhost/wordpress/wp-login.php" method="post">                          
    <p class="login-username">                 
    <label for="user_login">Username</label>                 
    <input type="text" name="log" id="[COLOR=Red]user_login[/COLOR]" class="input" value="" size="20" tabindex="10" /></p></form>        
    </div>

    Doch wie kann ich das Rot markierte Eingabefeld nun via css ansprechen?

    Code
    #login form#loginform p .user_login {
    width: 120px;
    }

    Funktioniert nicht.

    Könnt ihr mir auf die Sprünge helfen?

    • 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

  • Du solltest Dich in die Grundlagen einlesen.

    Das Label ist mit dem Attribut "[FONT=Courier New]for[/FONT]" an des ensprechende Inputfeld über dessen "[FONT=Courier New]id[/FONT]" gebunden. Du kannst "[FONT=Courier New]for[/FONT]" nicht über CSS ansprechen.

    Gib dem Label eine eigene Klasse. Alternativ, sprich das Label über das Elternelement an:

    Code
    .login-username label {
    ( ... )
    }

    oder

    Code
    p.login-username label {
    ( ... )
    }

    "Whoever controls the media, controls the mind." J.Morrison

Jetzt mitmachen!

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