Antworten auf deine Fragen:
Neues Thema erstellen

Erledigt - Contact Form 7 Radio / Checkboxen

Hallo,
durch einen komplett verlust, stehe ich nun wieder vor dem Problem, dass im CF7 die Radio/Checkboxen nicht korrekt angezeigt werden.
formulargestalltung-jetzt.jpg


das sollte aber bitte sowohl unter Firefox, Chrome, IE und mobil so aussehen:
formulargestalltung-so-sollte-es-aussehen.jpg


Ich Danke euch jetzt schon für eure Hilfe!
Die Seite ich nicht Online.
 

Squeendot

Aktives Mitglied

Servus kleiner Prinz,

das kriegst du ganz einfach mit CSS hin.
Wichtig hierbei die appearance bei allen Elementen!

Das ganze würde dann wohl ungefähr so aussehen:
Code:
input[type="checkbox"] {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     padding: 3px;
     border-radius: 0px;
     border: 1px solid #777;
}

input[type="radio"] {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     padding: 3px;
     border-radius: 50%;
     border: 1px solid #777;
}

Außerdem noch die input-Felder und Label auf float: left; stellen, damit sie nebeneinander sind.
Außenrum macht es Sinn, einen Container zu setzen, damit du diese Zweispaltigkeit hinbekommst.

Ich hoffe, ich konnte helfen.


LG,

Julian
 
Hallo
vielen Dank erst mal für deine Hilfe. Aber das mit input-felder und label auf float: left;
gesetzt, aber das funzt nicht siehe Bild:
Unbenannt-1.jpg


das habe im im Formular
<h3>Weitere Angaben</h3>
<strong>Aufzug</strong>
<div class="row-fluid">
<div class="span4 field">[checkbox personenaufzug "&nbsp;Personenaufzug"]</div>
<div class="span4 field">[checkbox lastenaufzug "&nbsp;Lastenaufzug"]</div>
</div>

<div class="row-fluid">
<div class="span4 field">[checkbox schaegaufzug "&nbsp;Schrägaufzug"]</div>
</div>

<strong>Küche</strong>
<div class="row-fluid">
<div class="span4 field">[radio kueche "&nbsp;Einbauküche"]</div>
<div class="span4 field">[radio kueche "&nbsp;Pantry"]</div>
</div>


Vielleicht liegt es daran, dass ich so erkältet bin.
Kannst du mir bitte auf die sprünge helfen?

Danke!
 

Squeendot

Aktives Mitglied

Oh, da hab ich wohl Breite und Höhe vergessen :D

Einfach den Feldern noch width: und height: geben, dann funzt alles ;)

Musst halt ausprobieren wie viel du brauchst / willst.

LG,

Julian
 

Mediaoase

Kellerkind und Pixelschubser

Versuch mal den Radio Button auch im Modus checked zu stylen. Das müsste gehen.
CSS:
input[type="radio"]:checked {
     background: #000; //oder Farbverlauf etc. für Effekte
}
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben