Ondersteuning » Thema en CSS/opmaak » Invoerveld kleur transparant

  • Opgelost TheGreenApple

    (@dapprestrijder)


    Beste mede wordpress-gebruikers,

    Ik ben momenteel bezig een website op te richten voor het verhuren van een bungalow in de Ardennen. Te weten: http://www.thegreenappleardennen.nl. Nu wil ik graag een contact en reserveringsformulier maken met een x aantal velden en invoermogelijkheden. De velden heb ik weten aan te maken middels contact form 7. Echter krijg ik op geen enkele mogelijkheid de achtergrondkleur en invoerveld kleuren gewijzigd. Wanneer ik bijvoorbeeld een tekst wil invoeren blijft deze transparant. Ik heb de CSS proberen aan te passen maar dit gaf niet het gewenste effect.

    Wie kan mij hierbij helpen of weet hoe ik dit probleem kan oplossen?

    Alvast bedankt voor een reactie,

    Het contactformulier staat op de volgende URL:
    http://www.thegreenappleardennen.nl/about-us/
    Het reserveringsformulier op de volgende URL:
    http://www.thegreenappleardennen.nl/make-a-reservation/

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Dag DappreStrijder,

    Gebruik de volgende code:

    .input-text, input[type=”text”], textarea, input.s, #comment-input input, #comment-textarea textarea, .comment-form-comment textarea, .post-password-form .password, .wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-number, .wpcf7-form textarea, .wpcf7-form .wpcf7-select, .wpcf7-select-parent .select-arrow, .wpcf7-captchar, .wpcf7-form .wpcf7-date, .gform_wrapper .gfield input[type=text], .gform_wrapper .gfield input[type=email], .gform_wrapper .gfield textarea, .gform_wrapper .gfield_select[multiple=multiple], .gform_wrapper .gfield select, .gravity-select-parent .select-arrow, .select-arrow, #bbpress-forums .quicktags-toolbar, #bbpress-forums .bbp-search-form #bbp_search, .bbp-reply-form input#bbp_topic_tags, .bbp-topic-form input#bbp_topic_title, .bbp-topic-form input#bbp_topic_tags, .bbp-topic-form select#bbp_stick_topic_select, .bbp-topic-form select#bbp_topic_status_select, #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content, #wp-bbp_topic_content-editor-container, #wp-bbp_reply_content-editor-container, .bbp-login-form input, #bbpress-forums .wp-editor-container, #wp-bbp_topic_content-editor-container, #wp-bbp_reply_content-editor-container, .main-nav-search-form input, .search-page-search-form input, .chzn-container-single .chzn-single, .chzn-container .chzn-drop, .avada-select-parent select, .avada-select-parent .select-arrow, select, #lang_sel_click a.lang_sel_sel, #lang_sel_click ul ul a, #lang_sel_click ul ul a:visited, #lang_sel_click a, #lang_sel_click a:visited, #wrapper .search-table .search-field input, .avada-select .select2-container .select2-choice, .woocommerce-checkout .select2-drop-active, .avada-select .select2-container .select2-choice .select2-arrow, .avada-select .select2-container .select2-choice2 .select2-arrow {
    background-color: #ffffff !important;
    }

    En wijzig dan #ffffff in de gewenste kleur als achtergrond.

    Groet,
    Thijs
    __________________
    Bouw zelf een prachtige WordPress website met de WP Handleiding
    Maak je website vindbaar met de Google optimalisatie voor WordPress handleiding

    Thread starter TheGreenApple

    (@dapprestrijder)

    Thnx voor je hulp Thijs, het probleem is deels opgelost. De backgroud is inderdaad nu aanpasbaar (wit). Echter is de invoertekst lichtgrijs en onduidelijk. Hoe kan ik deze aanpassen?

    Thnx

    Hierbij de code voor de tekst kleur:

    .input-text, input[type=”text”], textarea, input.s, input.s .placeholder, #comment-input input, #comment-textarea textarea, #comment-input .placeholder, #comment-textarea .placeholder, .comment-form-comment textarea, .post-password-form .password, .wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-number, .wpcf7-form textarea, .wpcf7-form .wpcf7-select, .wpcf7-select-parent .select-arrow, .wpcf7-captchar, .wpcf7-form .wpcf7-date, .gform_wrapper .gfield input[type=text], .gform_wrapper .gfield input[type=email], .gform_wrapper .gfield textarea, .gform_wrapper .gfield select, .avada-select .select2-container .select2-choice, .avada-select .select2-container .select2-choice2, select, #bbpress-forums .bbp-search-form #bbp_search, .bbp-reply-form input#bbp_topic_tags, .bbp-topic-form input#bbp_topic_title, .bbp-topic-form input#bbp_topic_tags, .bbp-topic-form select#bbp_stick_topic_select, .bbp-topic-form select#bbp_topic_status_select, #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content, .bbp-login-form input, .main-nav-search-form input, .search-page-search-form input, .chzn-container-single .chzn-single, .chzn-container .chzn-drop, .avada-select-parent select, #wrapper .search-table .search-field input {
    color: #333333 !important;
    }

    Groet,
    Thijs
    __________________
    Alles wat je nodig hebt om een website te bouwen vind je in de WordPress Handleiding
    Maak je website vindbaar in Google met deze tips.

    Thread starter TheGreenApple

    (@dapprestrijder)

    Thnx Thijs,

    De code die je stuurt is abacadabra… maar het werkt!

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Invoerveld kleur transparant’ is gesloten voor nieuwe reacties.