안녕하세요, 지난번 답변에 감사드립니다.
질문 :
워드프레스 게시판 KBoard 사용중입니다.
아바타 스킨과 기본 스킨을 사용 중인데 제목 부분이 넓고 작성자, 작성일 칸이 좁은 것 같아 조정하고 싶은데 css수정을 어떻게 하면 되나요?
그리고 카테고리 부분을 표시해주는 회색 배경? 칸의 높이도 높은 것 같아 조금 줄이고 싶습니다.
조언 부탁드립니다.
답변 :
워드프레스 관리자 -> KBoard -> 대시보드 -> 커스텀 CSS 입력 필드에 아래 CSS 코드를 추가해보시겠어요?
70% 수치를 적절히 변경하시면 길이를 조절하실 수 있습니다.
.attr-value input[type=text] { width: 70% !important; }
.attr-value input[type=password] { width: 70% !important; }
또한 카테고리 부분은 아래 코드를 추가해서 28px 수치를 조절해보세요.
.attr-value select { height: 28px !important; }
그리고 테마의 영향 때문에 원하시는 대로 안될 수 있으니 확인 가능한 페이지 주소도 알려주세요.
고맙습니다.
답변 감사드리고 잘 바뀌는데 제가 바꾸고 싶은 부분은 그 부분이 아니었어요ㅠ
확인해 보니 '글쓰기' 페이지의 제목과 카테고리 부분이 수정되더라구요..
그래서 이미지 추가하며 다시 질문 드립니다. 이 글목록 페이지의 여백 및 넓이를 바꾸고 싶습니다.
1. 카테고리 회색배경 높이 줄이고싶습니다.
2. 카테고리 항목 사이 간격을 줄이고싶습니다.
3. 제목 넓이를 줄이고 작성자, 작성일을 넓히고싶습니다.
다시 한번 답변 부탁드립니다.ㅜ
감사합니다.
1번과 2번을 동시에 조절할 수 있습니다.
아래 코드를 커스텀 CSS에 추가해보시겠어요?
#kboard-default-list .kboard-category .kboard-category-list li a { padding: 5px 5px 3px 5px; }
아래 코드를 추가하시면 작성자 칸을 늘릴 수 있습니다.
#kboard-default-list .kboard-list table td.kboard-list-user { width: 120px; }
아래 코드를 추가하시면 작성일 칸을 늘릴 수 있습니다.
#kboard-default-list .kboard-list table td.kboard-list-date { width: 120px; }
워드프레스 관리자 -> KBoard -> 대시보드 -> 커스텀 CSS 입력 필드에 코드를 추가하시고
수치는 적절히 변경하실 수 있습니다.
크롬 브라우저의 개발자 도구(F12키)를 사용하시면 이러한 CSS 속성을 쉽게 찾고 테스트해보실 수 있습니다.
고맙습니다.