부트스트랩 적용 후 모바일 view 스킨 padding 수정
컨텐츠 정보
- 10,526 조회
- 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 설정 -> 저장
또는 수정한 컬러셋으로 설정 후 저장
-
등록일 2020.10.10그누보드 SMTP 외부메일 설정하는 방법댓글 26
-
등록일 2020.10.03그누보드5에 실시간 채팅 구축하기댓글 13
-
등록일 2020.09.26
-
등록일 2020.09.24도커로 메일서버 구축하기댓글 4
관련자료
-
서명우성짱의 NAS를 운영하고 있습니다.
저의 즐거움이 여러분의 즐거움이면 좋겠습니다.