인사이드 상담 스킨 우편번호필드 추가 버튼 위치 수정과 셀렉트메뉴를 수정 하고 싶어요

1. 정확한 제품 또는 플러그인 이름

 

 

2. 상세 내용

1. 우편번호 필드를 커뮤니티 검색하여 찾은 코드를 삽입하였습니다.

<?php wp_enqueue_script('daum-postcode-field', '//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js', array('jquery'), NULL, true);?>
			<div class="kboard-attr-row">
				<label class="attr-name" for="kboard_option_postcode">우편번호/주소</label>
					<div class="attr-value">
					<input type="text" id="kboard_option_address" name="kboard_option_address" value="<?php echo $content->option->address?>" placeholder="주소...">
					<button type="button" class="kboard-default-button-small" onclick="kboard_postcode_address_search()">우편번호/주소 검색</button>
					</div>
			</div>
		<script>
		function kboard_postcode_address_search(){
			var width = 500;
			var height = 600;
			new daum.Postcode({
				width: width,
				height: height,
				oncomplete: function(data){
					jQuery('#kboard_option_postcode').val(data.zonecode);
					jQuery('#kboard_option_address').val(data.roadAddress);
			
					setTimeout(function(){
						jQuery('#kboard_option_address').focus();
					});
				}
			}).open({
				left: (screen.availWidth-width)*0.5,
				top: (screen.availHeight-height)*0.5
			});
		}
		</script>

필드 추가는 되었는데 버튼 위치와 스타일을

현재 추가 상태

회원가입 필드처럼 변경하고 싶은데 어떻게 수정해야할지 부탁드립니다.

회원가입 필드 상태

 

2. 셀렉트 메뉴도 필드 추가를 하였는데 카테고리1,2 처럼 표시하려면 어디를 수정해야하나요?

<div class="kboard-attr-row">
			<label class="attr-name" for="kboard_option_inquiry_type">견적 분야<span class="required">*</span></label>
			<div class="attr-value">
				<select id="kboard_option_inquiry_type" name="kboard_option_inquiry_type">
					<option value="">선택하세요</option>
					<option value="CNC가공"<?php if($content->option->inquiry_type == '제작의뢰'):?> selected<?php endif?>>CNC 가공</option>
					<option value="3D프린팅"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>3D 프린팅</option>
					<option value="금형"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>금형</option>
					<option value="판금가공"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>판금가공</option>
					<option value="용접"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>용접</option>
					<option value="부속품"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>부속품</option>
					<option value="디자인/설계"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>디자인/설계</option>
					<option value="기타제조"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>기타제조</option>
				</select>
			</div>
		</div>

너무 초보적인 질문이라 죄송합니당 ㅜ

3. 확인 가능한 상세 페이지 주소

 

 

4. 수정한 코드 내역 (있다면)

 

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요