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

  • 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)
  • 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)

    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)

    Heb je de pagina voor mij waar dit op staat?

    Thread starter rijszenga

    (@rijszenga)

    http://healthyblog.nl/?page_id=13

    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!

    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)

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

    Super bedankt!

    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.