코스모스팜 스레드

문의글 게시판 레스폰시브

최근 문의글 게시판에서 게시글을 클리하면, 타이틀 밑에 아래와같은 항목들이 한줄로 표시되는데요, 화면 폭이 좁을 때는 레이아웃이 조금 망가지네요.

이걸 레스폰시브로 모바일에서도 제대로 표시되게 하려면 어떻게 해야 하나요?

https://antfx.kr/contact/?uid=13&mod=document

●카테고리명  작성자  작성일  조회

 

예를 들면 이렇게 표시된다던지,,,

https://www.evernote.com/l/ACsIiQWLZDZCwoFzUTJ_EairccUxL42QjnQ/

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    KBoard 플러그인에서 게시글 정보를 올려주신 링크처럼 적용하시려면

    아래의 코드를 활용해보시겠어요?

    @media screen and (max-width: 600px) {
    	#kboard-default-document .kboard-detail { display: flex; flex-wrap: wrap; }
    	#kboard-default-document .kboard-detail .detail-attr { width: 50%; }
    	#kboard-default-document .kboard-detail .detail-attr .detail-name,
    	#kboard-default-document .kboard-detail .detail-attr .detail-value { float: none; padding: 0; text-align: center; }
    }

    고맙습니다.

  • 답변 감사합니다! 제가 여기에다가, 선을 추가해 봤는데요. 아래 표시 중에서 “작성일”을 비표시로 하려면 어떻게하면 되나요?

    -작성일  2018-08-31 16:15

  • 안녕하세요.

    KBoard 플러그인 Default 스킨의 게시글 본문 페이지에서

    작성일을 안 보이게 하시려면

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

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

    #kboard-default-document .kboard-detail .detail-attr.detail-date { display: none; }

    작성일 label만 안 보이게 하시려면

    아래의 코드를 추가해보세요.

    #kboard-default-document .kboard-detail .detail-attr.detail-date .detail-name { display: none; }

     

    아래의 링크를 참고해보시면 CSS 코드 수정에 도움이 되실 듯합니다.

    KBoard(케이보드) 게시판 버튼 색상 변경 방법

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)