디자인팜 메뉴관리에서 해당 게시파늘 선택을 하신뒤 디자인 변경을 클릭합니다.

 

 

그리고 하단에 현재 게시판 적용된 게시판스킨 우측에 디자인 수정을 클릭합니다.

 

 

그리고 head 영역에 있는 css를 수정을 하면 되는데요

보시는 바와 같이 현재 적용된 css는 내부페이지에 있어 따로 css 수정이 불가능한 상태입니다.

 

이 상태에서 수정가능하게 변경을 할려면 현재 적용된 css를 다운을 받아야 됩니다.

 

현재 도메인 주소가

http://seongdongdfs.easyright.co.kr

이고 css 경로가

/img_up/tmp_img/service/board_tpl/8/pc/css/default_mobile.css

이기 때문에 이 두개를 합치면

http://seongdongdfs.easyright.co.kr/img_up/tmp_img/service/board_tpl/8/pc/css/default_mobile.css

이렇게 주소가 나옵니다.

 

이 주소를 크롬브라우져에 붙여넣기를 하면

 

 

이렇게 css가 나옵니다.

 

그러나 이 내용을 보기에는 힘들기때문에 정리를 따로 해주어야 됩니다.

 

https://tools.arantius.com/tabifier

 

해외사이트인데요 위와 같이 css가 정의되어있는 부분을 보기 편하게 정리를 해줍니다.

 

해당 페이지 css를 복사를 하신뒤 위의 사이트에 들어갑니다.

 

 

type of code에 css로 체크를 하고 복사한 css를 code in 에 넣은 다음 tabify버튼을 클릭하면

code out에 정리가 되어서 출력이 됩니다.

 

이렇게 나온 파일을 저장을 합니다.

기존에 파일명이 default_mobile.css 이기때문에

해당 css 파일을 메모장에 붙여넣기를 한뒤 default_mobile.css파일로 저장합니다.

 

그리고 이 파일을 ftp에다가 업로드 합니다.

 

디자인관리 > 고급디자인관리 > 웹디자인 ftp에 접속을 하신뒤 웹ftp에 접속합니다.

 

 

그런다음 폴더생성을 누른뒤 css라는 폴더를 생성합니다.

 

그런뒤 아까 저장한 css 파일을 업로드 합니다.

 

이렇게 업로드를 했으니 기존의 게시판 head에 적용되어있는 css를 ftp에 있는 css파일로 대체를 합니다.

 

위와 같이

<link rel="stylesheet" type="text/css" href="/img_up/tmp_img/service/board_tpl/8/pc/css/default_mobile.css" media="all">

이 경로로 되어있는 부분을

<link rel="stylesheet" type="text/css" href="/img_up/shop_pds/seongdongdfs/design/css/default_mobile.css" media="all">

이렇게 변경을 하고 저장을 합니다.

 

 

저장하면 위와 같이 css소스라는 버튼이 나오고 클릭하면 방금 ftp에 등록했던 해당 파일명이 나옵니다.

해당 파일명을 클릭하면

 

 

이와 같이 css를 수정을 할 수 있도록 처리가 됩니다.

 

이와 같은 방법으로 모두 css를 수정가능하도록 하신뒤 폰트 부분의 사이즈나 색상을 변경을 하시면 됩니다.