Ondersteuning » Plugin vragen » layout verzendknop contact form 7 aanpassen

  • Opgelost h_oosterwijk

    (@h_oosterwijk)


    Is het ook mogelijk om de layout van de verzendknop aan te passen van contact forn 7? En zo ja, waar doe ik dat?
    Alvast bedankt!

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • T Verhoeven

    (@t-verhoeven)

    Ja dat kan zeker. Heb je een link naar een contactformulier? Dan kan ik je de code geven.
    En geef dan gelijk aan wat je wilt veranderen aan de verzendknop.

    Groet,
    Thijs
    __________________
    De meest volledige WordPress handleidingen vind je bij WP Handleiding
    Professioneel WordPress design nodig? Bekijk hier ons portfolio.

    Thread starter h_oosterwijk

    (@h_oosterwijk)

    Hi Thijs,

    Ik heb nog geen link naar de website, want ik zit nog in de testfase. Is dat een probleem?
    Ik weet wel iets van html, maar kan de desbetreffende bestand niet vinden waar ik een en ander kan wijzigen en/of de benaming van de knop.
    Wat ik wil veranderen aan de knop is de de kleur, het lettertype van de tekst en eventueel de grootte.

    Heb je hier voldoende informatie voor?

    Groet van Hermine

    T Verhoeven

    (@t-verhoeven)

    Dag Hermine,

    Ja ik denk dat het wel gaat lukken zo.

    Kun je deze code toevoegen aan je stylesheet (style.css):

    input[type=”submit”] {
    background-color: #24890d;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 30px 11px;
    text-transform: uppercase;
    vertical-align: bottom;
    }

    Deze kleurcode: #24890d kun je wijzigen in een andere hex kleurcode
    Letterformaat: 12px (kan je groter / kleiner maken)
    Indien je geen CAPITALS wilt, dan moet je deze regel weghalen: text-transform: uppercase;

    Lukt dit zo?

    Groet,
    Thijs
    __________________
    De meest volledige WordPress handleidingen vind je bij WP Handleiding
    Professioneel WordPress design nodig? Bekijk hier ons portfolio.

    Thread starter h_oosterwijk

    (@h_oosterwijk)

    Hi Thijs,

    Ja, het is gelukt! Dank je wel voor je reactie!

    Ik heb nog wat toegevoegd aan je lijst, zoals een border en een margin-top, dus nu ziet het er uit zoals de andere knoppen op mijn website!
    Ik ben er helemaal blij mee!

    Fijne dag en groet van Hermine

    T Verhoeven

    (@t-verhoeven)

    Super fijn dat het gelukt is! Ben benieuwd naar je website.

    Zou je de vraag op resolved willen zetten?

    Groet,
    Thijs
    __________________
    De meest volledige WordPress handleidingen vind je bij WP Handleiding
    Professioneel WordPress design nodig? Bekijk hier ons portfolio.

    Thread starter h_oosterwijk

    (@h_oosterwijk)

    Done!

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Het onderwerp ‘layout verzendknop contact form 7 aanpassen’ is gesloten voor nieuwe reacties.