WordPress 중력 양식 정렬

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을 사용하여 다른 방법을 선택할 수 있습니다. 각 입력란에 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 각각 후 쉼표 (마지막 제외!)