2017-01-02 94 views
0

有沒有人知道如何在輸入字段之前得到表單的標籤?WordPress Gravity Forms Alignment

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

之下 「清單WERK *」,標籤必須在inputfield的前面。

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

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

這隻會與

如果你需要一個ID爲 「field_6_60」 規則應用到外地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要小心包括各一個逗號(除了最後一個!)

+0

謝謝丹尼爾, 這確實是解決方案,並完美的作品! –

+0

很棒@OlafV,很高興能幫到你! – Daniel

相關問題