WordPress Gravity Forms Alignment

Question

Кто-нибудь знает, как я могу получить метки форм перед полями ввода?

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> 

Answer 1

Какие у вас варианты с Гравитационными формами для каждого поля? Можете ли вы указать пользовательский класс для полей? Если да, то ниже CSS должен работать:

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

Вы бы затем добавить этот «обычай-класс» в каждой области, где вы хотели входной ярлык & быть рядом друг с другом. Если нет опции, мы можем выбрать другой подход (используя предоставленный URL), в каждом поле есть идентификатор, чтобы мы (утомительно) использовали приведенное ниже правило, добавляя новый селектор для каждого идентификатора, который вы видите на странице:

Сначала 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; 
} 

Это применимо только правило поле с идентификатором "field_6_60"

Если необходимо, для дд «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 быть осторожным, чтобы включить запятую после каждого из них (за исключением последнего!)