[IT관리자]

- 위 사진처럼 아래 포스트를 모바일에서 보면 좌우여백이 너무 큰데 이 여백을 줄이는 방법이 궁금합니다.

​

- 카페는 한 서너달 만에 들어온 것 같습니다. 최근에 일이 좀 많아졌기에 홈페이지관리를 안하다가

​

- 예전에 옥시즌 빌더를 지우고, 테마에 마크다운롸이터 하나달고 이런저런 경험을 업로드 시작했습니다.

업로드하면서 모바일로 들어가보니 좌우여백이 너무 넓어보여 좀 줄여보고 싶습니다.

 

출처: https://cafe.naver.com/wphomepage/18774

게시글

[IT관리자]

워드프레스 테마에서 조정하는 옵션이 없다면 CSS로 조정해야 할 것 같습니다.

기본적인 CSS 적용법은 다음 글을 참고해보세요.

워드프레스에 CSS를 적용하는 방법[기초]

기본적인 CSS는 그리 어렵지 않고, 배우는 데 시간이 많이 걸리지도 않을 것입니다.

모바일에서만 적용하려는 경우 CSS 미디어 쿼리를 사용할 수 있습니다.

PC, 태블릿, 모바일용 CSS 미디어 쿼리(Media Query)

 

예들 들어, 워드프레스 GeneratePress 테마에서는 다음과 같은 CSS로 모바일 기기에서의 콘텐츠 폭 여백을 조정할 수 있을 것입니다.

/* Adjust the width of the content in mobile device for WordPress GeneratePress theme */

@media (max-width:768px) {
      .one-container .site-content,
      .separate-containers .inside-article {
            padding: 20px;
      }
}

 

[글쓴이]

답변