모바일 KBoard(케이보드) 에서 제목 밑에 뜨는 밑줄 관련 질문드립니다.

모바일 KBoard(케이보드) 게시판에서 제목 밑에 뜨는 밑줄 관련 질문드립니다.

아래 링크는 데스크 탑에서 Kboard 게시글 제목 위에 마우스를 가져갔을 때 나오는 모습입니다. 제목 밑에 생기는 밑줄과 제목 사이의 간격이 잘 떨어져 있습니다.

아래 링크는 모바일에서 Kboard 게시글 제목 위에 마우스를 가져갔을 때 나오는 모습입니다. 제목 밑에 생기는 밑줄과 제목 사이의 간격이 너무 많이 떨어져 있다고 느껴집니다.

모바일에서도 데스크 탑처럼 제목과 제목 밑에 뜨는 밑줄 사이의 간격을 적당하게 조절할 수 없을까요?

아래와 같은 코드를 작성해보았는데 작동하지 않아 도움을 부탁드립니다.

감사합니다.

@media screen and (max-width: 600px){#kboard-default-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings{line-height:10px !important;}}
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

    KBoard 게시글에 마우스를 올렸을 때 표시되는 밑줄은

    테마 쪽에서 설정하고 있는 듯합니다.

    KBoard 쪽에는 게시글에 마우스를 올렸을 때 밑줄을 표시하는 코드가 적용되어 있지 않습니다.

    비회원으로도 확인 가능한 페이지 주소 알려주시면 CSS 코드로 수정이 가능할지 살펴보겠습니다.

    고맙습니다.

  • 아 그렇군요! 아, 그 비회원으로도 확인 가능한 페이지 주소라는 건 혹시 비회원으로 오른쪽 클릭이 가능한 계정을 말씀하시는 걸까요? 아니면 워드프레스 관리자 페이지에 들어갈 수 있는 계정을 말씀하시는 걸까요? 제가 잘 몰라서 여쭙습니다 ㅠㅠ 두 쪽 다 가능하니 말씀해주시면 조치하도록 하겠습니다!

  • 안녕하세요.

    비회원으로도 확인 가능한 페이지 주소는

    실제 문제가 되는 페이지 주소를 로그인 과정 없이

    저희 쪽에서 확인해볼 수 있는 주소를 알려주시겠어요?

     

    1:1 게시판이 아닌 공개된 커뮤니티이기 때문에

    저희 고객지원 쪽으로 해당 사이트의 정보를 요청한 경우가 아니라면

    개인정보 또는 워드프레스 관리자 계정 관련해서는 올리지 않는 게 좋을 듯합니다.

    고맙습니다.

  • 아 그렇군요 :)

    감사합니다!

  • 안녕하세요.

    올려주신 페이지 주소로 확인해보니

    게시글 제목에 마우스를 올렸을 때 밑줄이 표시되는 건 테마 쪽에서 설정하고 있는 듯합니다.

    모바일에서 밑줄 여백을 줄이시려면

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

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

    @media screen and (max-width: 600px) {
    	#kboard-default-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings { margin-bottom: 0; }
    }

     

    게시글 제목과 게시글 정보의 여백을 기존처럼 적용하시려면

    아래의 코드로 교체해서 확인해보세요.

    @media screen and (max-width: 600px) {
    	#kboard-default-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings { margin-bottom: 0; }
    	#kboard-default-list .kboard-list .kboard-mobile-contents { margin-top: 10px; }
    }

    고맙습니다.

  • 감사합니다. 너무 예쁘게 잘 됩니다. 항상 감사드립니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기