[워드프레스] 아스트라 테마 리스트 왼쪽 여백 버그의 해결

아스트라 테마의 편집기로 리스트를 만들면 편집기 안에서는 제대로 오른쪽으로 들여쓰기 되어 나오는데 퍼블리쉬를 하고 나면 왼쪽으로 튀어나온다. 버그다. 아스트라는 많이 쓰이는 테마인데도 이런 기본적인 버그가 있다는 게 희한하다. 제작사에 알려 줘도 해결을 하지 못하고 있다.

문제의 <ol>과 <ul>의 코드를 보면 css가 아래와 같이 실행되는 걸 알 수 있다.

padding-inline-start: 40px;
padding: 0;

기껏 인라인 시작을 들여쓰기로 해 놓고 이걸 다시 없애고 있다. 이 문제를 해결하려면 커스터마이징 섹션에 아래와 같이 위 코드의 첫 줄을 입력한다.

ol, ul
{
    padding-inline-start: 40px;
}

커스터마이징 코드는 제일 나중에 실행되므로 패딩 제로 코드를 무력화하게 된다.