K-board size 조절

사이트입니다. http://exeter.co.kr/testing/ 

웹상으로 사이트를 봤을 때 대시보드가 너무 작아서 읽기가 힘듭니다. 

혹시 사이즈를 키울 수 있는 방법이 있나요? 

모바일로 봤을 떄는 영향이 없으면 합니다. 

감사합니다. 
 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    말씀하신 대시보드는 어느 쪽인지요?

    이미지 첨부가 가능하시다면 imgur에 업로드한 뒤 링크 걸어주시겠어요?

    고맙습니다.

  • https://imgur.com/a/h7OuOnp 입니다. 

     

  • 올려주신 페이지에서 Notice 쪽 게시판을 말씀하시는 건지요?

    KBoard 게시판은 테마 쪽에서 설정한 너비의 크기만큼 표시됩니다.

    어떤 식으로 표시하고 싶으신 건지도 알려주시면

    CSS 코드로 해결이 가능할지 살펴보겠습니다.

    고맙습니다.

  • 네. 노티스 부분 맞습니다.
    지금보다 너 넓게... 그리고 제목이 좀 더 크게 표시가 되었으면 합니다. 
    전체적인 너비가 좀 더 넓었으면 합니다. 

  • 해당 페이지의 레이아웃을 유지하면서 너비를 늘리고

    글자 크기도 키우시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> 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 속성을 쉽게 찾을 수 있고 테스트해보실 수 있습니다.

    고맙습니다.

  • 아... 감사합니다. 

    근데 이게 전체 페이지에 되는 게 아니네요. 

    죄송하지만... http://www.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 코드를 적용하실 수 있습니다.

    고맙습니다.

  • 이 코드로는 안 됩니다. 

    혹시 exeter.co.kr 사이트에만 되도록 해주실 수 있을까요? 

  • 해당 페이지에만 CSS 코드를 적용하고 싶으신 건지요?

    올려주신 페이지의 id는 2로 설정되어 있습니다.

    이전 댓글에 안내해드린 코드를 참고하셔서 적용해보시겠어요?

    고맙습니다.

  • 해결되었습니다. 너무너무 감사합니다. 

  • 헉... 근데 핸드폰으로 보면 깨집니다. 안 깨지게 하는 방법이 없을까요? 

  • 핸드폰으로 볼 때는 원래대로 보였으면 합니다,. 

  • 안녕하세요.

    모바일에서 레이아웃이 깨지지 않게 하시려면

    미디어 쿼리를 적용해주셔야 합니다.

    기존의 코드 대신 아래의 코드로 교체해서 확인해보시겠어요?

    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%; }
    }

    고맙습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요