안녕하세요~^^
워드프레스에 KBoard를 설치하고 이용중인데요.
게시판 목록이나 글쓰기 페이지에 검색버튼과 글쓰기 저장버튼이 이상하게 나오거든요
버튼 위치에 마우스 커서가 올라가면 정상적으로 나오는데
버튼에서 마우스 커서가 내려오면 버튼이 커지는데요.
위 이미지가 마우스 커서 올리기 전에 이미지이구요
누르려고 마우스 커서를 올리면 이렇게 정상적으로 나오는데요
마우스 올리기 전에 다른 버튼들과 달리 하나만 저렇게 되니
보기도 굉장히 좋지 않네요
또 저장이나 검색을 하려고 버튼을 누르려고 커서를 버튼에 올리는동안
다른 크기의 버튼이 막 왔다갔다 하면서 정신없네요
이것을 바로 잡으려면 어디를 어떻게 손대야 할까요?
지금 저 현상이 보이는 정확한 위치는
1. 게시판 목록에서 검색창에 검색버튼
2. 글쓰기로 들어가서 저장버튼이 똑같은 현상을 보이고 있습니다.
적용된 css는 kboard-button-small 이네요
저도 같은 문제로 들어왔다가 댓글 보고 style.css 버튼 속성값마다 추가해보면서 테스트를 해보니
.kboard-customer-button-small:visited 속성의 padding 값에만 !important를 추가해주면 해결이 되더라구요!
좋은 팁 감사합니다 :)
다행이에요! ㅎㅎ
덕분에 해결했습니다!! ^^
kboard 스킨의 sytle.css 에 버튼 css 의 각 속성에 모두 !important; 주니
충돌이 나지 않고 정상 출력이 되네요^^
감사합니다~^^
저건 폼에 submit 을 줘야 하기때문에 a 태그로 변경하시면 자바스크립트로 추가 작업이 필요합니다.
button 태그를 유지해야 할 듯 하네요.
style.css 파일만 수정해주세요.
list.php, editor.php 등 레이아웃 파일은 굳이 수정하지 않으셔도 됩니다.
style.css 파일에서 스타일 속성을 추가 하시던지 !important 속성을 추가 해보셔야 할 듯 합니다. (예 : body { color: black !important; } )
이건 직접 테스트 해보셔야 합니다.
button 태그가 문제인게 맞는거 같습니다.
<button type="submit" class="kboard-button-small">검색</button>
버튼 부분을 요소 검사로 보니 이 소스가 나오는데요
저희 사이트 테마의 button 부분이 충돌이나는거겠죠?
그러면 어떤식으로 변경을 해야 할까요?
kboard 내 button 을 <a href 로 처리 하면 될까요?
내부 구조가 어떻게 되어 있는지 몰라 손을 못대겠습니다ㅠ
<a 태그로 처리할 시 검색 변수값은 keyword=<?=keyword?> 이렇게 해주면 되는지요?
중복으로 충돌이 나서 그런가 보네요
kboard의 css 부분을 찾아서 삭제를 하면 될까요?
어떤식으로 수정을 해야 하는지 좀 알려주십시요
삭제를 해야 하나요? 수정을 해야 하나요?
모든 버튼은 다국어 지원으로 인해서 CSS로 만들어져 있습니다.
<button> 태그로된 버튼이 문제가 될 수 있습니다.
테마쪽에서도 스타일을 주면 겹치기때문에 그렇죠
테마, KBoard 스킨중 어느곳이라도 상관없을듯 합니다.
브라우저의 개발자도구를 사용해서 찾아보세요
F12 키를 누르시면 사용 가능합니다.
답변 감사합니다.
버튼이 이미지인가요?? css로 나타낸거지 이미지는 아닌줄로 알았는데..
보드스킨의 css 또는 테마css 중 어떤걸 고쳐야 할까요?
어느 부분인지만 알면 좋은데 어느 부분인지 찾지를 못하겠습니다ㅠㅠ
그런데 지금 말씀 드린 버튼 두 종류만 그렇고
다른 버튼 목록보기,뒤로가기 등의 버튼은 별 문제가 없는데요..ㅠㅠ
답변 좀 부탁드립니다
이미지가 나오지 않네요..
KBoard 스킨 CSS와 테마 CSS가 겹치나 봅니다.
스킨 또는 테마의 CSS 수정이 필요할 듯 하네요.