KBoard(케이보드) 는 기본적으로 왼쪽 정렬이더라구요.
그래서 중앙정렬하는 방법을 '스레드봇'님이 알려주셔서 아래와 같이 적용을 하였는데요.
#kboard-default-list { max-width: 740px; margin: 0 auto;}
#kboard-default-list { display: block; }
특정 게시판 하나만 왼쪽 정렬을 하고 싶은데 어떻게 수정을 해야 될지 모르겠네요.
도움을 부탁드립니다.
안녕하세요?
좌측정렬을 하고싶은 워드프레스 페이지를 수정 하면될듯합니다.
해당 게시판 페이지의 케이보드 엘리먼트 위에 코드블럭 엘리먼트를 추가하셔서
아래의 css를 입력하시면 해당 게시판만 적용됩니다.
주의할점은 기존 css의 width값은 width: 100%로 되어있기 때문에 아래 구문처럼 max-width: 100%; 으로 변경해주지 않으면
전체 설정값인 가로길이 740px의 리스트 화면이 왼쪽으로 쏠려보이게 되니 참고하세요^^
<style type="text/css">
#kboard-default-list { display: inline-block; *display: inline; zoom: 1; margin: 0; max-width: 100%; }
</style>
안녕하세요~^^
추가로 설명드리면 하나의 스킨을 여러 게시판으로 사용하실 경우
default 스킨을 예를 들면
default 스킨 폴더를 복사해서 default-1로 수정하신 후에
list.php 파일에서 아래의 코드를 찾아서
<div id="kboard-default-list">
아래의 코드로 교체하신 후에
<div id="kboard-default-1-list">
아래의 CSS 코드를 적용하셔도 됩니다.
#kboard-default-1-list { max-width: 740px; margin: 0 auto;}
#kboard-default-1-list { display: block; }
위와 같이 적용했을 경우 CSS 코드 수정뿐만 아니라 스킨 레이아웃 구조 변경도 용이합니다.
고맙습니다.
게시판을 혼란스럽게 해서 죄송합니다. 대경님과 스레드봇님의 지도로 아래와 같이 해당페이지 내에 '코드 스니펫' 추가하여 완료하였습니다.
<style type="text/css">
#kboard-default-list { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-default-list { display: block; }
#kboard-document { margin: 0; }
</style>
대경님, 스레드봇님 두분 다 친절한 답변 감사드립니다.
스레드봇님 방법으로 하니까 제가 뭘 잘못 건드린건지 게시판이 모양이 깨져버려서 못하겠네요 ㅠㅠ
대경님 방법으로 하니까 목록은 원하는데로 되었는데 제목 누르고 글내용 부분은 왼쪽정렬이 아닌 중앙정렬이 되어버리네요 ㅠㅠ
게시판 주소입니다.
안녕하세요~^^
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#kboard-document { margin: 0; }
고맙습니다.