lay out formulieren Contactform 7 aanpassen

  • Opgelost Chris de Bruin

    (@chrisdebruin)


    1 jaar, 5 maanden geleden

    Wie weet een oplossing voor het volgende: ik heb in CF 7 een formulier aangemaakt. Kiezen van velden die daarop moeten komen gaat allemaal prima, maar de layout bevalt me niet: de ruimte tussen de velden is veel te groot. Daardoor past het formulier niet op 1 scherm en moet de gebruiker scrollen. Dat wil ik oplossen, maar ik zie nergens een mogelijkheid om die tussenruimte (en bijvoorbeeld de ruimte van het veel te grote vrije tekstveld) kleiner te maken. Mijn pagebuilder is Elementor, maar daarin kan ik het ook niet oplossen. Wie o wie?

    • Dit onderwerp is gewijzigd 1 jaar, 5 maanden geleden door Chris de Bruin.

    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)
  • Marcorutgers.nl

    (@marcorutgersnl)

    1 jaar, 5 maanden geleden

    Hoi Chris, ik ben geen expert.

    Als je bekend bent met custom css probeer dit eens.

    input {
    line-height: 1.0em;
}

.wpcf7 input:not([type=submit]) {
    padding: 0.4em;
}

Pas de height en padding hierboven aan. Werkt het niet probeer het dan met "!important" voor de ";"

Hieronder een id voor in de custom css en die kun je gebruiken in je editor voor de <p> class (hoop ik, als je formulieren plugin "meewerkt").

<p id="marginbelow">

#marginbelow {
    margin-bottom: 1em;
}

    benieuwd of het heeft gewerkt, groetjes Marco

    Thread starter Chris de Bruin

    (@chrisdebruin)

    1 jaar, 5 maanden geleden

    Hi Marco,

    Ga ik proberen in CSS, moet ik eerst even induiken. Dank!

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘lay out formulieren Contactform 7 aanpassen’ is gesloten voor nieuwe reacties.