작업실

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

우성군 0 4111 0

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 설정 -> 저장


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

, , ,

0 Comments