Ondersteuning » Thema en CSS/opmaak » Tekstvlak kleur contact formulier wijzigen

Tekstvlak kleur contact formulier wijzigen

  • rijszenga

    (@rijszenga)


    8 jaren, 1 maand geleden

    Hallo iedereen,

    Ik hoop dat deze vraag onder het juiste onderwerp geplaatst is.

    Op mijn website wil ik een contact formulier plaatsen. De achtergrondkleur van mijn website is wit. De kleur van de tekstvakken (invulvelden) van het contact formulier zijn grijs. Deze wil ik graag wit hebben, evenals de kleur van de verzendknop. Deze is ook grijs.
    Aangezien ik al verschillende plugins geprobeerd heb, contact form, contact form 7 en ninja form (geven allemaal een grijze achtergrond kleur bij de tekstvakken) denk ik dat mijn theme (simply read) dit automatisch aanpast.

    Wie kan mij helpen om de kleur van de tekstvakken/invulvelden aan te passen(lees, wit maken)

    Alvast bedankt!!

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Ruurd de Wind

    (@geoclaps)

    8 jaren, 1 maand geleden

    Omdat ik niet weet wat je website url is kan ik alleen dit zeggen: je kunt de input fields (invoervelden van een formulier) voorzien van een class of direct aanspreken via css. Hiervoor dien je de style.css van je thema te bewerken. Mooiste zou zijn om een child theme te maken van je thema zodat wijzigingen niet worden herschreven wanneer je je thema update.

    Voeg het volgende toe (liefst onderaan) je style.css:

    input[type=”text”],
    textarea,
    select { background-color: #fff !important; }

    Als je dit goed doet zullen alle input velden binnen je website een witte achtergrondkleur krijgen.

    Thread starter rijszenga

    (@rijszenga)

    8 jaren, 1 maand geleden

    Bedankt! Het is gedeeltelijk gelukt.
    één invoerveld blijft nog grijs. De rest is wel wit. Hoe pas ik dit aan?
    Daarnaast zou ik graag de omlijning willen behouden, hoe doe ik dat? (ik gebruik nu contact form 7)

    Ruurd de Wind

    (@geoclaps)

    8 jaren, 1 maand geleden

    Heb je de pagina voor mij waar dit op staat?

    Thread starter rijszenga

    (@rijszenga)

    8 jaren, 1 maand geleden

    BuddyPress

    Ik heb plugin contact form 7 gebruikt.
    Probleem is dus dat de omlijning bij de tekstvakken mist en 1 tekstvak alsnog een grijze achtergrond heeft.

    Ik hoop dat je me kan helpen!

    Ruurd de Wind

    (@geoclaps)

    8 jaren, 1 maand geleden

    Ja hoor, zie dikgedrukt in onderstaand:

    input[type=”text”],
    input[type=”email”],
    textarea,
    select { border: 1px solid #ccc !important; background-color: #fff !important; }

    Thread starter rijszenga

    (@rijszenga)

    8 jaren, 1 maand geleden

    Bij deze ben je mijn held van de dag Ruurd!!

    Super bedankt!

    Ruurd de Wind

    (@geoclaps)

    8 jaren, 1 maand geleden

    Graag gedaan 🙂 Kun je het onderwerp op [resolved] zetten?

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Tekstvlak kleur contact formulier wijzigen’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven