Support » CSS / opmaak vragen » Verzendknop van het invoerveld

  • Opgelost marcskie

    (@marcskie)


    Hoi allemaal,

    Welke WordPress CSS specialist wilt mij helpen?

    Ik ben bezig met een inlogpagina voor mijn webshop.
    https://www.fotocheese.nl/inloggen/

    Het lijkt mij alleen mooier als het invoerveld iets minder lang wordt en dan de verzendknop er even groot onder met wat wit ruimte ertussen.

    Wie weet hoe dit moet?
    Alvast hartelijk bedankt.

    Met vriendelijke groet,
    Marco-Paulo Dicker

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Hoi,

    Met deze code geraak je al ergens …

    .ppc-login-form-submit {
        width: 200px;
        margin-top: 10px;
    }

    Dit maakt de knop even breed, het invulveld staat op 200px vast dus overgenomen, en de margin-top erop maakt dat er boven de knop witruimte is.

    Ik zie dat Jeroen me al voor was. Je kunt eventueel ook deze CSS gebruiken:

    .post-password-form input[type=password] {
        width: 140px;
        padding: 0;
        margin: 0 0 10px;
        text-align: center;
    }
    
    .ppc-login-form .ppc-password-label {
        display: block;
    }

    Bedankt Jeroen en Ruurd! De eerste code is gelijk al perfect.
    Vriendelijke en dankbare groet, Marco

    • Deze reactie is gewijzigd 1 week, 5 dagen geleden door marcskie.
3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)