어느정도 원하는 부분이 수정이 되어서 잘사용하고 있습니다. 그런데 모바일에서 공지를 보면.

 

Screenshot_20170704-163945.png

 

저렇게 나오는데요..

 

공지 글자크기 부분소스가

board.css 의 344줄

 

/* 목록B (모바일 기본값) */
.bd_lst {list-style:none; padding:0; border:1px solid #e5e5e5}
.bd_lst .lst_nm {width:100%; color:#0597f2; font-size:16px; padding:7px 6px; border-bottom:1px solid #f1f1f1; background:#fff}
.lst_nm:last-of-type  {border-bottom:0}
.lst_nm.ntc {background:#fafafa}

 

입니다. 붉은색 부분인데요.. 공지 부분을 화제의 글처럼 배경색을 넣고 라운드 처리를 할려고 하는데 도무지 해도 변화가 없슶니다.. 화제의 글 부분 소스를 넣어봐도 바뀌지 않습니다.

 

font-size 는 공지 크기고 뒤의 padding 부분은 리스트의 좌우 여백입니다..

 

조언좀 부탁드리겠습니다.

  • profile

    HTML Tag 에서 class 를 어떻게 정의하셨는지요?
    아래와 같이 동일한 depth인 경우엔 .bd_lst .lst_nm -> .bd_lst.lst_nm  중간에 공백이 없어야 합니다.
    <li class="bd_lst lst_nm">테스트</li>

  • profile ?
    공백이 있는게 맞는것 같습니다. 없애서 올리니 리스트여백이 적용이 되지 않습니다.