폰트크기와 본문 넓이를 변경하고 싶습니다.
안녕하세요. 167 2.3.3 을 사용하고 있는 유저입니다
폰트 크기가 14~16으로 고정되어있는데요. 이 사이즈를 변경하고 싶습니다
변경 범위는 모바일과 데스크톱을 다르게 가져가고 싶은데, 해당 코드가 있는 포인트를 알려주시면 수정 해 사용하도록 하겠습니다.
예로 폰트 14영역을 알려주시면 제가 이 영역을 10으로 수정하는 등의 조치를 취하겠습니다
본문 넓이를 조절하고 싶습니다. 최신버전에선 넓이 조절을 지원하지만, 아쉽게도 최신버전이 아니다보니 이 부분을 적용할 수가 없습니다.
이것도 포인트를 알려주실 수 있으면 제가 수정해 사용해보겠습니다.
- You must login to post comments
안녕하세요.
1.
수정해야할 선택자는 크롬 요소 검사로 찾으시면 됩니다.
https://www.jbfactory.net/10866
그런데, 기존 코드에 가로폭에 따른 글자크기가 지정되어 있지 않아 따로 정하시는 게 편하실 겁니다.
https://www.jbfactory.net/14616
2.
CSS에 있는 다음 코드가 레이아웃을 정합니다.
/* Layout */
.jb-container { margin: 0px auto; padding: 0px 20px; }
.jb-row { margin: 0px -10px; }
.jb-column { padding: 0px 10px; }
.jb-column-footer-4 { display:none; }
@media ( min-width: 768px ) {
.jb-container { width: 768px; }
.jb-column-content { float: left; width: 66.66666666%; }
.jb-column-sidebar { float: right; width: 33.33333333%; }
.jb-column-footer { float: left; width: 33.33333333%; }
.jb-column-foot { float: left; width: 50%; }
}
@media ( min-width: 1024px ) {
.jb-container { width: 1020px; padding: 0px 30px; }
.jb-row { margin: 0px -15px; }
.jb-column { padding: 0px 15px; }
}
@media ( min-width: 1025px ) {
.jb-container { width: 1118px; }
.jb-column-content { width: 758px; }
.jb-column-sidebar { width: 330px; }
}
width의 값을 적절히 수정해보세요.
- You must login to post comments
Your Answer
Please login first to submit.