WordPress Gravity Forms Ausrichtung

Question

Weiß jemand wie ich die Etiketten der Formulare vor den Eingabefeldern bekommen kann?

http://agathon.nl/arbeidsmarkt-jobhunting-jobsearch-jobhunter/

Unter "Prüfliste werk *", müssen die Etiketten vor das Eingabefeld sein.

<li id="field_6_60" class="gfield gf_left_half field_sublabel_below field_description_below"><label class="gfield_label" for="input_6_60_shim"></label><div class="ginput_container ginput_container_list ginput_list"><input type="text" id="input_6_60_shim" style="position:absolute;left:-999em;" onfocus="jQuery(&quot;#field_6_60 table tr td:first-child input&quot;).focus();"><table class="gfield_list gfield_list_container"><colgroup><col id="gfield_list_60_col_1" class="gfield_list_col_odd"><col id="gfield_list_60_col_2" class="gfield_list_col_even"></colgroup><thead><tr><th>Taken in functie?</th><th>&nbsp;</th></tr></thead><tbody><tr class="gfield_list_row_odd gfield_list_group"><td class="gfield_list_cell gfield_list_60_cell1" data-label="Taken in functie?"><input type="text" name="input_60[]" value="" tabindex="50"></td></tr></tbody></table></div></li> 

Answer 1

Welche Optionen haben Sie mit Gravity Forms für jedes Feld? Können Sie eine benutzerdefinierte Klasse für die Felder angeben? Wenn ja, sollte die CSS unten arbeiten:

.custom-class { 
    width: 50%; 
    float: left; 
    display: block; 
} 

Sie würden dann hinzufügen, um diese „custom-Klasse“ auf jedes Feld, in dem Sie das Etikett & Eingang wollten nebeneinander sein. Wenn es keine Option gibt, können wir einen anderen Ansatz wählen (unter Verwendung der von Ihnen angegebenen URL). Jedes Feld hat eine ID, so dass wir die folgende Regel (mühsam) verwenden können, indem Sie für jede auf der Seite angezeigte ID einen neuen Selektor hinzufügen:

Zuerst wird das thead:

#field_6_60 .gfield_list.gfield_list_container thead { 
    display: block; 
    width: 50%; 
    float: left; 
} 

Dann wird das tbody:

#field_6_60 .gfield_list.gfield_list_container tbody { 
    display: block; 
    width: 50%; 
    float: left; 
} 

Dies würde nur die Regel auf das Feld mit der ID "field_6_60" gelten

Wenn Sie ein benötigtes dd "field_6_61" Sie fügen Sie einfach den wieder Wähler auf die Regeln oben:

Zuerst wird das thead:

#field_6_60 .gfield_list.gfield_list_container thead, #field_6_61 .gfield_list.gfield_list_container thead { 
    display: block; 
    width: 50%; 
    float: left; 
} 

Dann wird das tbody:

#field_6_60 .gfield_list.gfield_list_container tbody, #field_6_61 .gfield_list.gfield_list_container tbody { 
    display: block; 
    width: 50%; 
    float: left; 
} 

Sie könnten dann halten den Feldern durch die einschließlich Feld ID und die Selektoren wie oben gezeigt z # field_6_60 .gfield_list.gfield_list_container tbody vorsichtig sein, ein Komma nach jedem enthalten (mit Ausnahme der letzten!)