워드프레스 엘리멘터 아카이브 포스트 오류wordpress elementor archive posts error

엘리멘터를 활용하여 워드프레스의 아카이브 페이지를 편집하고자 할 때, 가끔씩 마주하게 되는 문제에 대해서 다뤄보고자 합니다.

워드프레스 엘리멘터 아카이브 포스트 오류

엘리멘터 theme builder 기능을 활용하여, 아카이브 페이지를 편집하려고 했습니다. 간단하게 아카이브 제목을 넣어주고, 하단에 포스트를 나열하게 하려고했죠.

포스트를 넣었더니 왠걸, 기존 공간의 1/3 만 차지하는 거 아니겠어요 ..?;; 어디에서부터 꼬인건지 정확하게 알지는 못했습니다만, 서칭을 하다가 찾은 해결방법은 아래와 같습니다.

오류를 일으키고 있는 컨테이너를 지정해준 뒤, 고급 – custom CSS 로 이동합니다. 이제 그리드 안의 공간을 100% 이용하겠다는 css코드을 넣어주면됩니다. 아래 코드를 넣어주세요.

.elementor-default 
    article[class*="grid-"] {
    width: 100% !important;
}

코드를 넣고 나면, 어처구니없이 작게 보이던 포스트들이 정상적으로 송출되는 모습을 확인할 수 있습니다.

혹시라도 엘리멘터 아카이브 편집하면서, 비슷한 현상을 겪고 계신분들에게 도움이 되면 더할나위없겠지만, 지금 당장은 저 스스로 기록하고자 하는 것이 더 컸습니다. 꽤 큰 스트레스였네요 ^^;;