새로운 #customization:theme-component를 생성하여 폰트를 오버라이드할 수 있다고 생각합니다.
이 컴퓨터가 수정 가능할 수도 있거나, Google Fonts에서 마음에 드는 폰트를 찾을 수도 있습니다.
헤더는 CSS를 통해 타겟팅하고 조정할 수 있다고 생각합니다.
찾고 계신 것과 정확히 일치하지는 않을 수 있지만, 참고할 만한 내용일 수 있습니다.
모두 안녕하세요
정말 멋진 테마를 만들어 주셔서 감사합니다!
혹시 한 가지 문제가 있어 질문드립니다. 모바일에서 프로필 설정(Profile Preferences) 탭 중 일부에 배경색이 제대로 채워지지 않아서 약간 어색해 보이는 것을 발견했습니다. 아래 이미지를 참고해 주세요:
모바일 버전의 오류 페이지에서도 같은 현상이 발생합니다. 데스크톱/태블릿 뷰에서는 모두 정상적으로 표시되는데, 모바일 버전은 CSS가 다른 것 같습니다?
혹시 이 부분을 어떻게/어디서 수정할 수 있는지 아시는 분 계신가요? 저는 코딩 경험이 없어서 개발자를 고용해서 이 작업을 맡겨야 하는 건지 궁금합니다.
1개의 좋아요
메타에 오신 것을 환영합니다! 
그렇지 않을 것 같습니다. 이것은 official 테마이므로 Discourse 팀이 관리합니다. 하지만 여기서 공유되는 다른 테마들도 문제를 보고하면 유지보수자가 수정해 주는 경우가 많습니다.
여기서도 문제를 재현할 수 있었습니다. 메시지 미리보기가 제 화면보다 넓어서 스크린샷보다 더 심각해 보입니다.
1개의 좋아요
이 CSS를 시도해 볼 수 있습니다:
.topic-list {
.topic-list-header .posts,
.topic-list-body .posts {
display: none !important;
}
}
2개의 좋아요
네, 이렇게 숨겨보려고 했습니다. 일반 div는 숨겨지는데, td에서는 작동하지 않습니다. 몇 가지 옵션을 시도해 보았습니다:
.td.num.posts... {
display: none;
}
.td:num.posts... {
display: none;
}
1개의 좋아요
CSS를 테스트해 보았는데, 제 환경에서는 잘 작동합니다. 혹시 테스트해 보셨나요?
이 테마에는 !important가 빠져 있습니다.
3개의 좋아요
감사합니다 @chapoi
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters {
display: none;
}
3개의 좋아요
위쪽에 빈 공간이 있습니다. 이를 제거할 수 있는 방법이 있을까요? 요소 검사기에서 관련 설정을 찾을 수 없네요.
또한 주제 콘텐츠가 있는 블록의 너비를 늘리고 싶습니다.
main-outlet 클래스에 margin-top이 설정되어 있습니다.
아래 코드를 추가하세요:
html body #main-outlet {
margin-top: 0;
}
아직 사용해 본 적은 없지만, 루트 요소의 css에 topic-width 설정이 있습니다.
아래 코드를 추가하면 나머지도 자동으로 적응할 것입니다:
:root {
--topic-body-width: 750px;
}
1개의 좋아요
동시에 정상적으로 보입니다. 감사합니다
.container.posts {
grid-template-columns: 90% 10%;
}
공유해 주셔서 감사합니다! 곧 확인해 보겠습니다.
1개의 좋아요
이 문제는 최신 PR 병합으로 수정되었습니다.
1개의 좋아요
배경 이미지를 이렇게 대칭으로 둥근 모서리가 되도록 자르는 방법을 알려주세요.
현재 코드는 다음과 같습니다:
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://site/uploads/default/original/2X/2/26d48362654a9e03c716eeaff4a176cbbd01d6b8.png);
background-size: cover;
}
1개의 좋아요
clip path 속성을 수정해야 합니다. css tricks와 같은 사이트에서 더 자세한 내용을 확인할 수 있습니다.
2개의 좋아요
여기 Meta에서 해당 테마를 사용할 때, 인용, 편집, 인용 복사, AI에게 묻기 앞의 아이콘이 보이지 않습니다.
1개의 좋아요
음, 어떤 색상 팔레트를 사용하고 있어요? 그 배경색은 테마에서 사용하는 색이 아닌 것 같은데요.
WCAG Light 테마에는 분명히 문제가 있지만, "기본 테마"로 변경했습니다.
그런데도 여전히 같은 상태였습니다. 색상이 저장되었는지 확인하기 위해 새로고침을 수행했으므로, 색상 스키마 변경 시 발생하는 제 문제로 인해 영향을 받는 것은 아닐 것으로 생각합니다. 기본 색상 스키ماً 변경한 후 배경의 파란색이 더 밝아졌습니다.
2개의 좋아요