cforms2 - Check box Gruppe anordnen

  • Hallo Wordpress-Community,

    ich erstelle gerade mit dem Plugin cforms2 ein Anfrage Formular. Nun habe ich ein Feld im Formular als Check Box erstellt.
    leider gehen sich aber die Check-Boxen/Häckchenfelder und der Text aus dem Weg und das sieht optisch einfach nicht gut aus.

    Ich habe schon ein bisschen gegoogelt und weis, dass man die CSS Datei von dem Styling den Plugins ändern muss, das habe ich auch öfters probiert,
    jedoch komme ich nicht auf das perfekte ergebnis.

    Ich würde gerne die checkboxen auf der linken seite haben und rechts daneben immer den text - also die beschreibung dazu.

    ich habe euch zwei anhänge hinzugefügt, einmal die standard darstellung, und einmal die mit meiner veränderten art von der CSS Datei.

    ----------------------------------


    [FONT=arial]Hier habe ich euch mal den Teil der CSS Datei kopiert,in dem ich laut dem FAQ PDF vom Plugin selber etwas abändern soll.
    [/FONT]Funktionieren tut es ja schon teilweise, aber nicht ganz :D

    -----------------------------------

    Original Block von der CSS Datei


    [FONT=book antiqua]label.cf-group-after {[/FONT]
    [FONT=book antiqua] display:-moz-inline-box; /*for mozilla*/[/FONT]
    [FONT=book antiqua] display:inline-block; /*for Opera & IE*/[/FONT]
    [FONT=book antiqua] margin:6px 8px 0 6px;[/FONT]
    [FONT=book antiqua] width:105px;[/FONT]
    [FONT=book antiqua] text-align:left;[/FONT]
    [FONT=book antiqua]}[/FONT]
    [FONT=book antiqua]label.cf-group-after span {[/FONT]
    [FONT=book antiqua] width:50px;[/FONT]
    [FONT=book antiqua] display:block;

    [/FONT]-----------------------------------

    CSS veränderter textblock


    [FONT=book antiqua]label.cf-group-after {[/FONT]
    [FONT=book antiqua] display:-moz-inline-box; /*for mozilla*/[/FONT]
    [FONT=book antiqua] display:inline-block; /*for Opera & IE*/[/FONT]
    [FONT=book antiqua] margin:12px 16px 0 12px;[/FONT]
    [FONT=book antiqua] width:450px;[/FONT]
    [FONT=book antiqua] text-align:left;[/FONT]
    [FONT=book antiqua]}[/FONT]
    [FONT=book antiqua]label.cf-group-after span {[/FONT]
    [FONT=book antiqua] width:50px;[/FONT]
    [FONT=book antiqua] display:block;

    -------------------------------------

    Ich hoffe jemand versteht was ich meine und kann mir helfen :)

    Vielen Dank für jede Antwort im Voraus!!!!!

    Mfg, Kevin[/FONT]

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!