아스트라 테마 사이드바 여백 줄이는 방법

아스트라 테마를 적용해서 사용하시다 보면 사이드바가 여백이 커서 위젯이 제대로 표시가 안 될 때가 있습니다. 저도 이 문제 때문에 테마 편집을 통해서 해결을 해보려고 했지만 옵션으로는 한계가 있어서 해결을 하는 것이 힘들었습니다.

그래서 검색을 통해서 사이드바 여백을 줄이는 방법을 찾았지만 해당 주제에 대한 글을 찾는 것이 힘들었습니다.

그러다 비슷한 주제의 글을 찾게 되었고 거기서 아스트라 테마 사이드바 여백을 줄이는 방법을 알게 되었습니다.

여백을 줄이는 방법은 그리 어렵지 않았는데 워드프레스 관리자 화면에서 외모 > 사용자 정의하기로 들어가신 후에 CSS 추가에 코드를 추가해주시면 됩니다.

/* Adjust the sidebar size in Astra theme */

/* 아스트라 테마의 사이드바 크기 조정 */

.sidebar-main aside {

box-sizing: border-box;

}

.ast-right-sidebar #secondary {

padding-left: 30px;

}

/* right side padding */

.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {

padding: 35px;

}

사용자 정의하기 > CSS 추가로 들어가신 후에 위의 코드를 입력하시고 발행을 해서 테마에 적용하게 되면 사이드바의 여백이 줄어든 모습을 확인하실 수 있을 것입니다.

위젯을 넣었지만 글자가 여백이 커서 밀리는 현상이 있었는데 위의 코드를 넣고 난 이후로 조금 더 여유롭게 보이게 할 수 있었습니다.

아네트