Ondersteuning » Plugin vragen » verzendknop Contactform 7 onzichtbaar

  • Opgelost gerwin1973

    (@gerwin1973)


    Wie kan mij helpen?
    Ik heb een contactformulier aangemaakt op mijn website, maar krijg de verzendknop niet zichtbaar…

    <label> Je naam
        [text* your-name] </label>
    
    <label> Je e-mailadres:
        [email* your-email] </label>
    
    <label> Je telefoonnummer:
        [text* your-phonenumber] </label>
    
    Ik wil graag contact met jullie hebben om meer informatie te krijgen over:
    
    [radio radio-416 use_label_element default:1 "Individuele coaching" "Corporate coaching" "Teambuilding"]
    
    <label> Omschrijving van je vraag:
        [textarea your-message] </label>
    
    <br>
    
    [cf7ic]
    
    [acceptance acceptance-383] Met het insturen van dit formulier ben ik mij bewust van en ga ik akkoord met het verstrekken van mijn persoonsgegevens aan HK Coaching ten behoeve van het verkrijgen van informatie. [/acceptance]
    
    Klik op de witte balk hieronder om je aanvraag te verzenden.
    [submit "Verzenden"]

    Alles is zichtbaar, behalve het woord verzenden. Er staat nu wel een witte balk waar de knop zit, als je er op klikt, verzend hij ook. Maar je kan niet het woord ‘verzenden’ zichtbaar maken.

    Wie kan mij helpen?

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

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

    (@jeroenrotty)

    Support Moderator

    Je CSS op je site zorgt voor witte tekst op de witte knop achtergrond:

    .pagination .nav-links span.current, .pagination .nav-links a:hover, #commentform input#submit:hover, h2.headingtitle::after, .fourbox:hover .pagemore, .slidemore, .nivo-controlNav a.active, h3.widget-title, .wpcf7 input[type="submit"], .headertop {
      background-color: #ffffff;
    }
    .wpcf7 input[type="submit"] {
      background-color: #0796D0;
      width: auto;
      border: none;
      cursor: pointer;
      font: 18px 'Roboto',san-serif;
      color: #ffffff;
      padding: 10px 40px;
      border-radius: 3px;
    }

    Dat laatste is dus de boosdoener, waar je de submit button white maakt, je zou dus met bijvoorbeeld:

    .wpcf7 input[type="submit"] {
    color:black;
    }

    Kunnen toevoegen aan je “Extra CSS” bij Weergave – Customizer – Extra CSS en dat zou dus wit op wit moeten overschrijven.

    • Deze reactie is gewijzigd 1 maand, 2 weken geleden door Jeroen Rotty.
    Thread starter gerwin1973

    (@gerwin1973)

    Thanks!!! Heeft inderdaad het probleem opgelost.

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)