2017-01-02 4 views
0

入力フィールドの前にフォームのラベルを取得する方法を知っている人はいますか? "チェックリストWERKの*" の下WordPress重力フォームの整列

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

、ラベルは、入力フィールドの前にする必要があります。

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

答えて

0

各フィールドにはどのようなオプションがありますか?フィールドのカスタムクラスを指定できますか?その場合は、以下のCSSは動作するはずです:

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

あなたは、あなたがラベル&入力が隣同士になりたかっ各フィールドに、この「カスタムクラス」を追加します。オプションがない場合は、別の方法(提供されたURLを使用)を選択することができます。各フィールドにIDがあるため、以下のルールを使用して、ページに表示されているIDごとに新しいセレクタを追加できます。

まずthead要素:

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

その後のtbody:これはあなたが必要な場合は

ID "field_6_60" でフィールドにルールを適用する

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

DD "field_6_61" あなただけの、上記の規則に再びセレクタを追加します。

まず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; 
} 

その後の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; 
} 

あなたは、その後を含めて、フィールドを追加し続けることができフィールドIDと上記のようなセレクタ#field_6_60 .gfield_list.gfield_list_containerのtbody各1の後にコンマ(最後を除く!)

+0

これは実際にソリューションであり、完璧に動作し、あなたにダニエル、 に感謝を含めるように注意してください! –

+0

それは素晴らしいです@OlafV、私が助けることができてうれしい! – Daniel

関連する問題