Contact form aanpassen

Opgelost daniquekrol
(@daniquekrol)

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

7 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 2 jaren, 3 maanden geleden door Richard van Denderen. Reden: handtekening verwijderd
Thread starter daniquekrol
(@daniquekrol)

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

7 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 2 jaren, 3 maanden geleden door Richard van Denderen. Reden: handtekening verwijderd
Thread starter daniquekrol
(@daniquekrol)

7 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.

Onderwerptags

Weergaven