Contact Form 7 - Layout Checkboxes and Radio Buttons

Status
Niet open voor verdere reacties.
pommeke

pommeke

Gebruiker
Lid geworden
17 jul 2007
Berichten
232
Hallo,

Ik gebruik de plug-in Contact Form 7 voor mijn formulieren;
Nu ben ik bezig aan een nieuw formulier.
Hier wil ik enkele checkboxen in.
Maar ik krijg ze niet mooi onder elkaar.
Zo staan ze bij mij:
wp-fout.JPG
Ik heb de code die op de website van CF7 staat ook in de CSS gezet:
wp-goed.JPG
Maar het blijft hetzelfde.

Weet iemand een oplossing?
 
Kan je het op JSfiddle plaatsen, of heb je een voorbeeld?
 
PHP4U zei:
Kan je het op JSfiddle plaatsen, of heb je een voorbeeld?
Klik om te vergroten...

JSfiddle ken ik niet.
wat voorbeeld moet je hebben?

Dit is alle extra CSS die ik heb toegevoegd.
Code: 
#footer-bottom {
    display: none !important;
}
.widget > h3 > span {
	background-color: #be1e2d
}
.widget > h3{
	border-bottom: 2px solid #be1e2d
}
.ai1ec-calendar-toolbar{
	display: none
}
.ai1ec-allday-badge{
	display: none
}
.ai1ec-agenda-widget-view .ai1ec-month{
	background: #be1e2d
}
.sharrre-container{
	display: none
}
.post-byline{
	display: none
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
	  border-color: #000;
	  border-width: 1px;
    color: #000;
    width: 450px;
}
.page-title h2{
	font-size: 25px;
}
/*.wpcf7-form-control.wpcf7-radio
{
	font-size: 14px;
	display: block;
}*/
span.wpcf7-list-item { display: block; }
Het is het laatste dat er moet voor zorgen dat alles mooi staat.
 
JSfiddle is een HTML/CSS/JS sandbox, waar je mooie compacte test-cases kan bouwen met stukjes code
www.jsfiddle.net

Heb je een voorbeeld? Want misschien is gaat het wel mis omdat de CSS-code niet de juiste targetting heeft op de HTML-code.
Of laat een voorbeeld van je site zien.
 
Ik heb NinjaForms geinstalleerd, daar lukt het wel mee.
Toch bedankt.
Want van je uitleg begrijp ik niet veel, heb geen kaas gegeten van CSS en ...
 
Met ContactForm 7 is ook niks mis. Maar je CSS code zal waarschijnlijk niet hebben aangesloten op de HTML-code.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan