게시판에 관련된 질문입니다. (디자인 레이아웃 수정 문의)

워드프레스 KBoard(케이보드) 게시판에 관련된 질문입니다.

 

1. 게시글 작성하는 부분에 추가를했는데 이렇게 밑으로 쭉 나옵니다. 오른쪽으로 쭉나오게하고싶은데 옆으로 게시판에  width크기만큼 부여해주고싶습니다.

https://imgur.com/a/8RH9bE3

https://drive.google.com/file/d/1faHOg7cMIkyoLdm9FMPD6ef14viUQWRY/view?usp=sharing

 

2. 빨간선 라인 3 부분에 굵은색 검은선을 넣고싶습니다.

https://drive.google.com/file/d/16xbL3IFI8N3YMtKktSMluSYd0UNy-sXd/view?usp=sharing

 

그리고 상담 게시판을 구매하려고 하는데 구매하기 전에 테스트해볼 수 있을까요?

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    1. 실제 어떤 코드를 추가하셨는지 알려주시겠어요?

    KBoard 플러그인 버전이나 스킨에 따라 코드 적용 방법이 다를 수 있습니다.

     

    2. 레이아웃 수정은 저희가 페이지를 봐야 도움을 드리기 수월합니다.

    확인 가능한 페이지 주소도 알려주시겠어요?

    고맙습니다.

  • 1. 

            <div class="kboard-attr-row">
                <label class="attr-name">
                    <?php echo "※ 유의사항 : 예약하시기 전에 반드시 <span style='color:red;'>스케줄표</span>를 확인해주세요.\n"?>
                    <?php echo "위 양식에 맞게 적어주시고, <span style='color:red;'>3시간 이내에 예약금 입금 </span>부탁드립니다. <span style='color:red;'>(미입금시 예약 자동 취소) </span>"?>
                    <?php echo "예약취소 및 변경은 <span style='color:red;'>최소 72시간 전</span>에만 가능하며, 변경 및 취소시 <span style='color:red;'>예약금은 환불 되지 않습니다.</span>"?>
                </label>
            </div>

     

    2. 

     

    이렇게입니다 감사합니다.

  • 1. 현재 적용되어 있는 코드에서 CSS 코드로 수정하시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-customer-editor .kboard-attr-row .attr-name:last-child { width: 100%; }

    CSS :last-child에 대한 자세한 내용은

    아래의 링크를 참고해보시겠어요?

    https://www.w3schools.com/cssref/sel_last-child.asp

     

    2. 올려주신 이미지처럼 CSS 코드를 적용하시려면

    아래의 코드를 추가해보시겠어요?

    #kboard-customer-list .kboard-list { border-bottom: 1px solid black; }
    #kboard-customer-list .kboard-list thead tr td { border-top: 1px solid black; border-bottom: 1px solid black; }

     

    KBoard 게시판 스킨은 구입하시기 전에 아래 데모 페이지에서 체험해보실 수 있습니다.

    https://www.cosmosfarm.com/demo/

     

    추가로 설명을 드리자면,

    현재 KBoard 플러그인 최신 버전에서는 Customer 스킨이 삭제되었습니다.

    최신 버전에서는 입력 필드를 지원하는 스킨을 사용하시면

    따로 코드를 추가하지 않으시더라도 워드프레스 관리자 페이지에서 입력 필드를 설정하실 수 있습니다.

     

    또, 1번 질문에서 추가하신 설명 부분도 스킨 파일을 수정하지 않고

    입력 필드 설정 페이지에서 추가하실 수 있습니다.

     

     

    KBoard 플러그인 업데이트 방법은

    아래의 링크를 참고해보시겠어요?

    KBoard(케이보드) 플러그인 업데이트 방법

     

    KBoard 플러그인에서 입력 필드는

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 입력필드 설정 페이지에서 확인하실 수 있으며

    현재 기본 스킨(Avatar, Contact Form, Default, Thumbnail)에만 적용이 되어있습니다.

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기