모바일에서 게시판 글씨 제목이 겹쳐 보입니다.

모바일 게시판 게시글을 클릭했을 때 게시글의 제목이 길면

한칸 아래로 내려가면서

글씨가 겹쳐서 나옵니다.

다른 사람의 같은 질문의 답변을 보면

스킨 디렉토리에서 list.php 파일에서

div class = "cut_strings" 에서 cut_strings 클래스를 삭제하라고 했는데

이게 무슨뜻인지 잘 모르겠네요

구체적인 설명이나 혹은 수정된 파일을 메일로 보내주셨으면 좋겠습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • KBoard가 무료로 배포되고 있기 때문에 이렇게 커뮤니티에서 사용자들끼리 문제를 공유하고 해결할 수 있도록 지원하고 있습니다.

    글자가 겹치는건 cut_strings 클래스와는 상관이 없어 보입니다.

    어느 제목이 겹치는지 페이지 주소라도 알려주시면 더 쉽게 알려드렸을텐데요 ㅎㅎ

    default 스킨에서 글 읽기 화면의 제목이 크다면 아래처럼 해보세요.

    /kboard/skin/default/style.css 파일 보시면

    #kboard-default-document .kboard-title p { margin: 0; padding: 12px 22px; color: #545861; font-weight: bold; font-size: 33px; font-weight: 300; }

    이런 내용이 있을겁니다.

    font-size: 33px; 값을 줄여줘보세요.

    font-size: 22px; 이렇게요.

    또 line-height 속성을 추가 해보면서 테스트 해주세요.

  • http://pyeong-an.com/?page_id=22841&uid=32&mod=document

    이곳을 모바일로 가면

    "여전도회에서 떡국떡을 판매해요." 라는 제목이

    "여전도회에서 떡국떡

    을 판매해요." 이렇게 되는데, 위 아래 글씨가 겹쳐집니다.

    가르쳐주신데로 폰트사이즈를 줄여도 온라인에서만 적용이 되고 모바일에서는 적용이 안되네요..

    또한

    #kboard-default-document .kboard-title p { margin: 0; padding: 20px 30px; color: #545861; line-height: 33px font-weight: bold; font-size: 33px; font-weight: 300; }

    이렇게 Line height 속성을 넣어봤는데도 온라인에서만 적용이 되는군요...

  • line-height: 33px

    에서 세미콜론(;)이 빠져 있습니다. 세미콜론이 빠지면 오류가 납니다.

    아래처럼 추가 해주세요.

    #kboard-default-document .kboard-title p { margin: 0; padding: 20px 30px; color: #545861; line-height: 33px; font-weight: bold; font-size: 33px; font-weight: 300; }

    모바일에서 저희도 확인을 해봤는데 글씨가 겹치는 현상은 찾지 못했습니다.

    넥서스5(크롬브라우저), 아이폰 계열입니다.

    표준을 지키시 못한 브라우저는 최대한 사용을 자제해주세요 :)

    다른 사용자분들은 잘 나올듯싶습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요