여백이 너무 많습니다. (분리선 색상은 제가 수정할 예정이니 걱정하지 마세요.)
2017년경 다른 게시물들에서 CSS로 편집하는 것을 봤는데, 그 CSS가 더 이상 작동하지 않는 것 같습니다.
이것을 기준으로 시도해 보세요.
와, 진짜 멋지다
다음은 해당 용도의 CSS입니다… (동작하는지 알려주세요!)
.topic-list .topic-list-data {
padding: .1em .5em 0 !important;
line-height: normal !important;
}
.topic-list-main-link,
.latest-topic-list-item .main-link,
.topic-list .main-link {
font-size: var(--font-0) !important;
}
.topic-list-main-link a.title,
.latest-topic-list-item .main-link a.title,
.topic-list .main-link a.title {
padding: 0 !important;
}
.topic-list .num.posts a,
.topic-list .num .badge-posts {
padding: 0 !important;
}
.topic-list .link-bottom-line {
display: inline !important;
}
.topic-list .excerpt {
margin: 0 !important;
line-height: normal !important;
}
.topic-list .posters {
width: auto !important;
max-width: 146px !important;
}
정말 감사합니다! 정말 멋져 보이네요. 제가 찾던 바로 그거예요.
개별 게시물을 더 간결하게 만드는 방법도 혹시 아시나요?
좋아요!
각 게시글을 정확히 어떤 모습으로 만들고 싶으신가요?
어떤 여백을 줄이고 싶으신가요?
화살표를 그려 여백에 적어 보이거나, 수정 전후 이미지를 보여주시면 됩니다.
가능하다면 라이브 페이지 링크도 함께 부탁드립니다.
토픽 목록의 CSS 변경 사항을 확인할 수 있도록 변경 후의 모습을 보여줄 수 있을까요?
이 내용은 강조하신 부분을 처리할 수 있을 것입니다. 원래 값에 맞게 조정해 보세요.
.topic-post {
.topic-body {
padding-top: 0; /* 0.8em */
}
.cooked {
padding-bottom: 0; /* 1em */
}
.post-menu-area {
margin-top: 0; /* 20px */
margin-bottom: 0; /* 20px */
}
}
감사합니다.