KBoard 검색버튼, 글쓰기버튼 깨짐 현상입니다ㅠ 도와주세요

안녕하세요~^^

워드프레스에 KBoard를 설치하고 이용중인데요.

게시판 목록이나 글쓰기 페이지에 검색버튼과 글쓰기 저장버튼이 이상하게 나오거든요

버튼 위치에 마우스 커서가 올라가면 정상적으로 나오는데

 

버튼에서 마우스 커서가 내려오면 버튼이 커지는데요.

위 이미지가 마우스 커서 올리기 전에 이미지이구요

 

누르려고 마우스 커서를 올리면 이렇게 정상적으로 나오는데요

 

마우스 올리기 전에 다른 버튼들과 달리 하나만 저렇게 되니

보기도 굉장히 좋지 않네요

 

또 저장이나 검색을 하려고 버튼을 누르려고 커서를 버튼에 올리는동안

다른 크기의 버튼이 막 왔다갔다 하면서 정신없네요

 

이것을 바로 잡으려면 어디를 어떻게 손대야 할까요?

 

지금 저 현상이 보이는 정확한 위치는

1. 게시판 목록에서 검색창에 검색버튼

2. 글쓰기로 들어가서 저장버튼이 똑같은 현상을 보이고 있습니다.

 

적용된 css는 kboard-button-small 이네요

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 이미지가 나오지 않네요..

    KBoard 스킨 CSS와 테마 CSS가 겹치나 봅니다.

    스킨 또는 테마의 CSS 수정이 필요할 듯 하네요.

  • 답변 감사합니다.

     

    버튼이 이미지인가요?? css로 나타낸거지 이미지는 아닌줄로 알았는데..

     

    보드스킨의 css 또는 테마css 중 어떤걸 고쳐야 할까요?

     

    어느 부분인지만 알면 좋은데 어느 부분인지 찾지를 못하겠습니다ㅠㅠ

     

    그런데 지금 말씀 드린 버튼 두 종류만 그렇고

     

    다른 버튼 목록보기,뒤로가기 등의 버튼은 별 문제가 없는데요..ㅠㅠ

     

    답변 좀 부탁드립니다

  • 모든 버튼은 다국어 지원으로 인해서 CSS로 만들어져 있습니다.

    <button> 태그로된 버튼이 문제가 될 수 있습니다.

    테마쪽에서도 스타일을 주면 겹치기때문에 그렇죠

    테마, KBoard 스킨중 어느곳이라도 상관없을듯 합니다.

    브라우저의 개발자도구를 사용해서 찾아보세요

    F12 키를 누르시면 사용 가능합니다.

  • 중복으로 충돌이 나서 그런가 보네요

    kboard의 css 부분을 찾아서 삭제를 하면 될까요?

    어떤식으로 수정을 해야 하는지 좀 알려주십시요

    삭제를 해야 하나요? 수정을 해야 하나요?

  • button 태그가 문제인게 맞는거 같습니다.

     

    <button type="submit" class="kboard-button-small">검색</button>

     

    버튼 부분을 요소 검사로 보니 이 소스가 나오는데요

    저희 사이트 테마의 button 부분이 충돌이나는거겠죠?

     

    그러면 어떤식으로 변경을 해야 할까요?

    kboard 내 button 을 <a href 로 처리 하면 될까요?

     

    내부 구조가 어떻게 되어 있는지 몰라 손을 못대겠습니다ㅠ

    <a 태그로 처리할 시 검색 변수값은 keyword=<?=keyword?> 이렇게 해주면 되는지요?

     

  • 저건 폼에 submit 을 줘야 하기때문에 a 태그로 변경하시면 자바스크립트로 추가 작업이 필요합니다.

    button 태그를 유지해야 할 듯 하네요.

    style.css 파일만 수정해주세요.

    list.php, editor.php 등 레이아웃 파일은 굳이 수정하지 않으셔도 됩니다.

    style.css 파일에서 스타일 속성을 추가 하시던지 !important 속성을 추가 해보셔야 할 듯 합니다. (예 : body { color: black !important; } )

    이건 직접 테스트 해보셔야 합니다.

  • 덕분에 해결했습니다!! ^^

     

    kboard 스킨의 sytle.css 에 버튼 css 의 각 속성에 모두 !important; 주니

    충돌이 나지 않고 정상 출력이 되네요^^

     

    감사합니다~^^

  • 다행이에요! ㅎㅎ

  • 저도 같은 문제로 들어왔다가 댓글 보고 style.css 버튼 속성값마다 추가해보면서 테스트를 해보니

    .kboard-customer-button-small:visited 속성의 padding 값에만 !important를 추가해주면 해결이 되더라구요!

    좋은 팁 감사합니다 :)

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