사이트입니다. http://exeter.co.kr/testing/
웹상으로 사이트를 봤을 때 대시보드가 너무 작아서 읽기가 힘듭니다.
혹시 사이즈를 키울 수 있는 방법이 있나요?
모바일로 봤을 떄는 영향이 없으면 합니다.
감사합니다.
핸드폰으로 볼 때는 원래대로 보였으면 합니다,.
헉... 근데 핸드폰으로 보면 깨집니다. 안 깨지게 하는 방법이 없을까요?
해결되었습니다. 너무너무 감사합니다.
해당 페이지에만 CSS 코드를 적용하고 싶으신 건지요?
올려주신 페이지의 id는 2로 설정되어 있습니다.
이전 댓글에 안내해드린 코드를 참고하셔서 적용해보시겠어요?
고맙습니다.
이 코드로는 안 됩니다.
혹시 exeter.co.kr 사이트에만 되도록 해주실 수 있을까요?
해당 코드를 적용하시면 다른 페이지에서 레이아웃이 깨질 수도 있기 때문에
올려주신 페이지에서만 적용되는 코드를 안내해드렸습니다.
모든 페이지에서 적용되게 하시려면
아래의 코드로 교체해서 확인해보시겠어요?
.mo_span_row .mo_landing_span_1 { width: 73%; }
.mo_landing_notice_wrap > .mo_span_2 { margin-left: 1%; width: 79%; }
.mo_span_row .mo_landing_span_2 { margin-left: 1%; width: 26%; }
.mo_landing_notice_wrap > .mo_span_2 > .mo_row > .mo_tit { line-height: 1; font-size: 15px; }
.mo_landing_notice_wrap > .mo_span_2 > .mo_row > .mo_date { line-height: 1; font-size: 13px; }
워드프레스 사이트는 body 태그 내 class 쪽에 페이지 id가 적용되어 있기 때문에
이전 댓글에 안내해드린 코드처럼 적용하시면 특정 페이지에서만 동작하는
CSS 코드를 적용하실 수 있습니다.
고맙습니다.
아... 감사합니다.
근데 이게 전체 페이지에 되는 게 아니네요.
죄송하지만... http://www.exeter.co.kr 사이트에 적용하려면 코드를 어떻게 써야 하는지요? 부탁드립니다.
해당 페이지의 레이아웃을 유지하면서 너비를 늘리고
글자 크기도 키우시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 활용해보시겠어요?
body.page-id-888 .mo_span_row .mo_landing_span_1 { width: 73%; }
body.page-id-888 .mo_landing_notice_wrap > .mo_span_2 { margin-left: 1%; width: 79%; }
body.page-id-888 .mo_span_row .mo_landing_span_2 { margin-left: 1%; width: 26%; }
body.page-id-888 .mo_landing_notice_wrap > .mo_span_2 > .mo_row > .mo_tit { line-height: 1; font-size: 15px; }
body.page-id-888 .mo_landing_notice_wrap > .mo_span_2 > .mo_row > .mo_date { line-height: 1; font-size: 13px; }
크롬 브라우저 개발자 도구(F12)를 활용하시면
CSS 속성을 쉽게 찾을 수 있고 테스트해보실 수 있습니다.
고맙습니다.
네. 노티스 부분 맞습니다.
지금보다 너 넓게... 그리고 제목이 좀 더 크게 표시가 되었으면 합니다.
전체적인 너비가 좀 더 넓었으면 합니다.
올려주신 페이지에서 Notice 쪽 게시판을 말씀하시는 건지요?
KBoard 게시판은 테마 쪽에서 설정한 너비의 크기만큼 표시됩니다.
어떤 식으로 표시하고 싶으신 건지도 알려주시면
CSS 코드로 해결이 가능할지 살펴보겠습니다.
고맙습니다.
안녕하세요.
모바일에서 레이아웃이 깨지지 않게 하시려면
미디어 쿼리를 적용해주셔야 합니다.
기존의 코드 대신 아래의 코드로 교체해서 확인해보시겠어요?
body.page-id-2 .mo_span_row .mo_landing_span_1 { width: 73%; }
body.page-id-2 .mo_landing_notice_wrap > .mo_span_2 { margin-left: 1%; width: 79%; }
body.page-id-2 .mo_span_row .mo_landing_span_2 { margin-left: 1%; width: 26%; }
body.page-id-2 .mo_landing_notice_wrap > .mo_span_2 > .mo_row > .mo_tit { line-height: 1; font-size: 15px; }
body.page-id-2 .mo_landing_notice_wrap > .mo_span_2 > .mo_row > .mo_date { line-height: 1; font-size: 13px; }
@media screen and (max-width: 600px) {
body.page-id-2 .mo_span_row .mo_landing_span_1 { width: 100%; }
body.page-id-2 .mo_landing_notice_wrap > .mo_span_2 { width: 100%; }
body.page-id-2 .mo_span_row .mo_landing_span_2 { width: 100%; }
}
고맙습니다.