그누보드 5.6.26 theme /community2 에서 pc, 모바일 게시판 제목 글자, background , 색상 어디에 삽입 합니까요
.lt .lt_title {display:block;font-size:1.6em;color:red;border-bottom: 2px solid red;padding:15px 15px 10px;line-height:3px;background:#93c47d} 위 코드를 쓰면 되는지요
.lt .lt_title {display:block;font-size:1.6em;color:red;border-bottom: 2px solid red;padding:15px 15px 10px;line-height:3px;background:#93c47d} 위 코드를 쓰면 되는지요
|
답변 3개 / 댓글 1개
채택된 답변
+20 포인트
2026-07-06 (월) 04:48:06
게시판 제목 쪽 CSS라면 먼저 지금 화면이 “게시판 스킨”인지 “최신글 스킨”인지부터 나누어 보셔야 합니다.
올려주신 .lt .lt_title 선택자는 보통 최신글(latest) 쪽에서 많이 쓰는 클래스라서, 게시판 목록 제목에는 안 먹을 수 있습니다. 게시판 목록 제목을 바꾸려면 실제 게시판 스킨의 HTML에서 제목 부분 클래스나 id를 확인해서 그 선택자에 CSS를 넣어야 합니다.
경로는 보통 이렇게 확인하시면 됩니다.
1. PC 게시판 스킨
/theme/community2/skin/board/사용중인스킨/style.css
2. 모바일 게시판 스킨
/theme/community2/mobile/skin/board/사용중인스킨/style.css
3. 테마 공통 CSS
/theme/community2/css/ 안의 CSS 파일
PC와 모바일이 같이 바뀌길 원하면 PC 스킨 CSS와 모바일 스킨 CSS를 둘 다 확인해야 합니다. 그누보드는 PC 스킨과 모바일 스킨 경로가 분리되어 있어서 PC 쪽 style.css만 수정하면 모바일에는 반영되지 않는 경우가 많습니다.
예를 들어 “게시판 제목”이라면 개발자 도구에서 제목 부분을 찍어보고, 실제로 #container_title 같은 id가 붙어 있다면 이런 식으로 넣습니다.
반대로 최신글 제목을 바꾸는 거라면 질문에 쓰신 것처럼 .lt .lt_title 쪽이 맞을 수 있습니다. 정확한 선택자는 브라우저에서 F12 누르고 해당 제목을 선택해서 확인하시는 게 가장 빠릅니다.
올려주신 .lt .lt_title 선택자는 보통 최신글(latest) 쪽에서 많이 쓰는 클래스라서, 게시판 목록 제목에는 안 먹을 수 있습니다. 게시판 목록 제목을 바꾸려면 실제 게시판 스킨의 HTML에서 제목 부분 클래스나 id를 확인해서 그 선택자에 CSS를 넣어야 합니다.
경로는 보통 이렇게 확인하시면 됩니다.
1. PC 게시판 스킨
/theme/community2/skin/board/사용중인스킨/style.css
2. 모바일 게시판 스킨
/theme/community2/mobile/skin/board/사용중인스킨/style.css
3. 테마 공통 CSS
/theme/community2/css/ 안의 CSS 파일
PC와 모바일이 같이 바뀌길 원하면 PC 스킨 CSS와 모바일 스킨 CSS를 둘 다 확인해야 합니다. 그누보드는 PC 스킨과 모바일 스킨 경로가 분리되어 있어서 PC 쪽 style.css만 수정하면 모바일에는 반영되지 않는 경우가 많습니다.
예를 들어 “게시판 제목”이라면 개발자 도구에서 제목 부분을 찍어보고, 실제로 #container_title 같은 id가 붙어 있다면 이런 식으로 넣습니다.
Copy
#container_title {
font-size: 1.6em;
color: red;
border-bottom: 2px solid red;
padding: 15px 15px 10px;
background: #93c47d;
}
반대로 최신글 제목을 바꾸는 거라면 질문에 쓰신 것처럼 .lt .lt_title 쪽이 맞을 수 있습니다. 정확한 선택자는 브라우저에서 F12 누르고 해당 제목을 선택해서 확인하시는 게 가장 빠릅니다.
삽입 위치는 아래 방법으로 찾습니다.
https://homzzang.com/b/css-251
https://homzzang.com/b/css-251
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.