
그리고 드디어 정체불명의
패딩 위치를 찾았다.
바로 스타일-레이아웃의 패딩 값이다. 블록만 잡드리를 하고 있었는데 여기에도 패딩 값이 있었던 것이다…
워프 블록 생태계, 정말 약육강식이구나… 워프 쓰실 분 있을지는 모르겠는데 그룹에 패딩이 없는데 패딩 잡히면 저녀석이 가장 문제인 겁니다… css의 세계는 무시무시하구나…
근데 이 블럭은 뭔데 또 기본 패딩이 있는 거냐.
해결했다
/* 미디어컨텐츠 블록 패딩 제거 */
.wp-block-media-text > .wp-block-media-text__content {
padding: 0 !important;
}
/* 이미지와 텍스트 사이 간격 조절 */
.wp-block-media-text {
column-gap: 1rem;
}
그나마 블록 트래킹이 쉬워서 해결은 쉬운 편인데 이러면 블록이라는 존재 의의가 좀 희미하지 않나… 하지만 정말 이걸 처음부터 쌩으로 만든다고 생각하면 머리가 아픈 건 맞으니까 css가 잘 통한다는데 의의를 두기로…
그래서 지금 테마 css가 편집기 상에서 바로 보이는 이점이 있는지라 여기에 대부분의 css가 들어가있어서 점점 길어지는 문제가 있음.
여기 칸 자체가 세로 폭이 좁아서 편집하기 불편함에도…
그냥 지금 흩어진 css 파일 다 모아서 보면 !important; 엄청 많을듯… 싸워라… 그리고 이기는 놈이 적용되는 거다.
답글 남기기