모바일 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; }
}
고맙습니다.
감사합니다. 너무 예쁘게 잘 됩니다. 항상 감사드립니다.