Support » Algemeen WordPress » twee velden naast elkaar hebben in contact formulier 7

  • Opgelost johannes999

    (@johannes999)


    1- hoe ik kan de veld naam en de veld achternaam bij elkaar krijgen
    de code is in de form van contact formulier 7 als volg:
    <p>Aanhef

    [radio radio-987 “De heer” “Mevrouw”]
    <p>Uw naam (verplicht)
    [text* your-name] </p>

    <p>Uw achternaam(verplicht)
    [text* text-186 placeholder “Uw achternaam”] </p>

    <p>Uw email (verplicht)
    [email* your-email] </p>

    <p>Uw telefoon (verplicht)
    [tel* tel-434]<p/>

    <p>Geboortedatum (verplicht)
    [text* text-962 placeholder “Geboortedatum(dd-mm-jjjj)”]<p/>

    <p>Trainingen (verplicht)
    [select* menu-558 “Maak Uw keuze” “Voorkennis Comptia A+” “Comptia A+(module 801-802)” “Voorkennis MCSA” “MCSA(eerste Module 70-410)”]
    <p/>

    <p>Onderwerp
    [text your-subject] </p>

    <p>Uw bericht
    [textarea your-message] </p>

    <p>[submit “Verzenden”]</p>
    2- hoe ik kan de letter kleuren veranderen of bold doen.
    johannes

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Je gaat voor contact form 7 aangepaste CSS moeten schrijven om dit te bereiken, tenzij je thema zo’n layout standaard ondersteund. Zonder link naar het formulier kan ik niet exact zeggen welke code je nodig heb.

    Misschien is CF7 skins plugin een optie? Die geeft je een keuze uit een aantal stijlen voor je contactformulier zonder dat je iets van CSS moet kennen: https://wordpress.org/plugins/contact-form-7-skins/screenshots/

    Letterkleur veranderen + bold kan via CSS:

    form p {
      color: #cccccc // verander de kleurcode naar de gewenste kleur
      font-weight: bold;
    }
    Thread starter johannes999

    (@johannes999)

    dank u wel
    ik heb met deze code kunnen twee velden naast elkaar krijgen
    hier is de code in contact form:
    p>Aanhef

    [radio radio-987 “De heer” “Mevrouw”]
    <div class=”row-fluid”>
    <p class=”span4 field”>Naam(verplicht)
    [text* your-name watermark “Naam:”] </p>
    <p class=”span4 field”>Achternaam(verplicht)
    [text* your-sirname watermark “achternaam:”] </p>
    </div>
    <div class=”row-fluid”>
    <p class=”span4 field”>E-mail(verplicht)
    [email* your-email watermark “Uw E-mail:”] </p>
    <p class=”span4 field”>Telefoon(verplicht)
    [text* your-phone watermark “Uw Telefoon:”] </p>
    </div>
    <p>Geboortedatum(verplicht)
    [text* text-717 placeholder “Uw Geboortedatum(dd-mm-jj)”]<p/>

    <p>Trainingen(verplicht)
    [select* menu-882 “Maak Uw keuze” “MCSA(eerste Module 70-410)” “Voorkennis MCSA” “Comptia A+(Module 801-802)” “Voorkennis Comptia A+”]<p/>

    <p>Onderwerp
    [text your-subject] </p>

    <p>Uw bericht
    [textarea your-message] </p>

    <p>[submit “Verzenden”]</p>
    het lukte mij tekst velden bij elkaar te hebben .
    de link is http://computertechnet.nl/aanmelden
    Ik ben bezig met aanmeld formulier te maken.
    maar het is niet gelukt mij om geboortedatum en dropdown menu in 1 line te hebben.
    wat betreft letter kleuren en bold maken plus de afstand tussen buttons en de tekst te regelen moet ik een child thema maken voor CSS en de code boven gebruiken ? de form 7 skins zeker ik moet bepaade bedrag betalen . maar is het makkelijk om te gebruiken?
    johan

    Is er een reden waarom je het geboortedatum veld en de trainingen dropdown niet ook in een div class=”row-fluid” hebt gezet?

    <div class="row-fluid">
    	<p class="span4 field">Geboortedatum(verplicht)
    	  [text* text-717 placeholder "Uw Geboortedatum(dd-mm-jj)"]
    	<p/>
    	<p class="span4 field">Trainingen(verplicht)
    	 [select* menu-882 "Maak Uw keuze" "MCSA(eerste Module 70-410)"     "Voorkennis MCSA" "Comptia A+(Module 801-802)" "Voorkennis Comptia A+"]
    	 <p/>
    </div>

    Let wel dat er geen lege <p></p> staan tussen de velden, anders zullen ze niet mooi uitgelijnd staan.

    De CSS kan je inderdaad best in een child-thema zetten, of als je thema een CSS veld heeft in de opties kan je het ook daar zetten.

    Thread starter johannes999

    (@johannes999)

    dank uw wel ,
    ik heb in child theme van CSS u code net als volgende geplakt maar niets veranderd :
    form p {
    color: #cccccc
    font-weight: bold;
    }
    of die code is niet helemaal 100%
    johannes

    Sorry, er stond een ; te weinig achter de color selector in het voorbeeld, zo dus:

    form p {
      color: #cccccc;
      font-weight: bold;
    }
    Thread starter johannes999

    (@johannes999)

    dank u wel ,
    het is gelukt.
    maar als ik wil alleen bepaalde hoofd woorden in de form bold hebben en andere worden gewoon laten staan .
    hoe ik kan het waar maken?
    johannes

    In dat geval maak je niet als standaard aan dat de teksten allemaal bold zijn.

    form p {
    color:#cccccc;
    }

    De elementen die je bold wilt maken, kun je omsluiten met element

    [edit]
    Oeps: markup < strong > (zonder de spaties) leidt tot bold-tekst. Ik probeer het nu in code

    <strong>element</strong>

    groet,
    Lianne

    Thread starter johannes999

    (@johannes999)

    dank u wel
    johannes

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘twee velden naast elkaar hebben in contact formulier 7’ is gesloten voor nieuwe reacties.