작업실

부트스트랩 적용 후 모바일 view 스킨 padding 수정

컨텐츠 정보

본문

0. 문제점


현재 모바일 테마에서 page Style을 Boxed One Page를 쓰고 있습니다.


참고로 One Page로 설정시 구글 애드센스도 같이 추가해줘야 목록스킨 상단에 애드센스가 나옵니다.


/테마루트/assets/col.one.header.php  제일 밑에 반응형 코드 추가



Wide One Page는 양쪽 padding이 0이라서 좀 그렇더라구요.


그런데 Boxed One Page에 기존 view 스킨을 쓰니


양쪽 padding이 너무 많이 붙어서 글 내용이 너무 좁더군요.


그래서


기존 view 스킨을 복사 후 아미나 설정 - 모바일 게시판에만 수정한 뷰스킨을 적용시켜줬습니다.



1. 기존 view 스킨 복사하기


/amina/skin/view/basic 을 /amina/skin/view/basic-padding


으로 복사 


또는 해당 폴더의 css만 다른 이름으로 복사



2.  css 파일 수정


/amina/skin/view/basic-padding/basic.css


또는 복사한 css 파일의 


37번째 줄에서


.view-content { clear:both; padding:15px 0px !important; overflow:hidden; line-height:1.8; word-break:break-all; }


위와 같이 padding 값을 수정했습니다.



3. 적용하기


게시판 -> 아미나설정 -> 모바일 -> 내용 스킨 -> basic-padding 설정 -> 저장


또는 수정한 컬러셋으로 설정 후 저장

관련자료

  • 서명
    우성짱의 NAS를 운영하고 있습니다.

    저의 즐거움이 여러분의 즐거움이면 좋겠습니다.

댓글 0
등록된 댓글이 없습니다.
전체 157 / 1 페이지
RSS

최근글


새댓글


알림 0