‘Modern Category + Group Boxes’ 섬네일의 크기를 CSS를 통해 조정하고 싶습니다. 기본 설정으로 이미지를 사용하면, 이미지가 섬네일 크기를 키우게 되는데 (더 작은 이미지를 사용해도 마찬가지입니다). 이전에 누군가가 같은 문제를 해결했을 것이라 생각하지만, 검색을 해봐도 이 문제를 직접적으로 다루는 결과를 찾지 못했습니다 (제가 찾을 수 있는 범위 내에서요).
CSS로 방향이라도 잡아주신다면 큰 도움이 될 것입니다.
감사합니다!
Lilly
2월 24, 2024, 1:03오전
2
Discourse 인스턴스에 많은 커스터마이징을 하고 싶으시다면, 다음 주제들이 도움이 될 수 있습니다:
This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read.
Discourse Themes and Theme Components can be used to customize the look, feel and functionality of Discourse’s frontend. This section of the developer guides aims to provide all the reference materials you need to develop simple themes for a single site, right up to complex open-source theme components.
This introduction aims to provide a map of all the tools and APIs for theme development. If you prefer a step-by-step tutorial for theme development, jump straight to:
There are a few ‘how to start’ guides for working with Discourse already and a wealth of useful info on meta, but I thought it might help to give an insight to the mental processes of starting from little, if any, prior coding experience to building substantial Discourse plugins.
Discourse is written by experienced developers and has a large codebase. This can feel intimidating. This intimidation factor can be a significant barrier for novice developers. This is a kind of ‘psychological primer’…
Heliosurge
2월 24, 2024, 1:32오전
3
이 주제에 도움이 될 수 있습니다. @Canapin 님이 여기서 꽤 멋진 코딩을 하셨습니다.
그 점을 인지하고 있으며 논의 중입니다 @derak 님이 원하시는 것과 비슷한 것을 만들려고 이 부분을 수정해 보았습니다:
[image]
.category-boxes, .category-boxes-with-topics {
gap: 1em;
}
.mobile-view .category-boxes .category-box, .mobile-view .category-boxes-with-topics .category-box {
width: 100%;
flex: 0 0 calc(50% - 0.5em);
}
.category-boxes .description {
display: none;
}
.category-boxes .category-box .category-box-inner .category-details .category-box-heading h3 {
text-align: center !important;
}
.ca…