Contact form aanpassen

  • Opgelost daniquekrol

    (@daniquekrol)


    9 jaren, 3 maanden geleden

    Ik heb een vraagje over de plugin Contact Form 7.
    De plaatsing is gelukt, zie http://www.daniquekrol.nl/contact/
    Nu loop ik tegen een probleem aan, mijn achtergrond is wit, dus dat betekent dat de rand rondom de tekstvlakken die ingevuld kunnen worden, verdwijnen.
    Deze zou ik graag grijs hebben, maar ik heb al van alles geprobeerd. Ik heb een Custom CSS plugin gedownload, de code:

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

    ingevuld. Ook heb ik dit geprobeerd via de pagina zelf en dan via ‘aangepaste css’, via de rtl.css en via de stylesheet. Maar geen resultaat. Hoe kan ik er toch voor zorgen dat deze border zichtbaar wordt?

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • T Verhoeven

    (@t-verhoeven)

    9 jaren, 3 maanden geleden

    Dag Danique,

    Dank je voor je vraag.

    Zou je onderstaande code willen toevoegen aan je stylesheet (style.css). Dit maakt de border zichtbaar.

    input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-quiz {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #818181 !important;
    }

    Groet,
    Thijs
    –

    • Deze reactie is gewijzigd 4 jaren, 2 maanden geleden door Richard van Denderen. Reden: handtekening verwijderd
    Thread starter daniquekrol

    (@daniquekrol)

    9 jaren, 3 maanden geleden

    Dit is wat er in mijn stylesheet staat:

    /*
    Theme Name: Bridge
    Theme URI: http://demo.qodeinteractive.com/bridge/
    Description: Bridge Theme
    Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
    Author: Qode Interactive
    Author URI: http://www.qodethemes.com/
    Version: 8.0
    License: GNU General Public License
    License URI: licence/GPL.txt

    CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

    */

    Als ik de code die u mij vertelde, hieronder plaats, verandert er dus niks. Waar zou ik hem dan in moeten zetten?

    T Verhoeven

    (@t-verhoeven)

    9 jaren, 3 maanden geleden

    Dag Danique,

    Heb je thema opties van Bridge? Daar staat ergens een optie met “Custom styling” “CSS” “styling” of iets dergelijks. Daar moet je de code in plakken.

    Groet,
    Thijs
    __________________
    –

    • Deze reactie is gewijzigd 4 jaren, 2 maanden geleden door Richard van Denderen. Reden: handtekening verwijderd
    Thread starter daniquekrol

    (@daniquekrol)

    9 jaren, 3 maanden geleden

    Super! Heel erg bedankt.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Contact form aanpassen’ is gesloten voor nieuwe reacties.