쿼리 반복문(Query Loop) 블록을 쓰면 가로 폭을 꽉 채우지 않고 왼쪽에 여백이 들어가서 레이이아웃이 살짝 틀어집니다.
원인. 블록의 기본 태그
쿼리 반복문의 기본 CSS는 목록을 만드는 목록을 만드는 ul(Unorder List) 태그를 포함하고 있고, 많은 테마의 CSS에는 목록 태그를 들여쓰기하는 여백(margin)이 설정되어 있습니다. 아래와 같이 쿼리 반복문 하위의 ul 목록에서 왼쪽 여백을 제거하는 CSS 코드를 추가합니다.
CSS 코드 스니펫
.wp-block-query ul{
margin-left: 0px;
}Code language: CSS (css)