스레드 제목 아래 텍스트(이 경우 “Music”)를 흰색으로만 변경하려면 어떤 CSS를 적용해야 할까요? 이 훌륭한 테마(Sam's Simple Theme)를 참고로 하고 있는데, 색상 팔레트에서 회색이 더 마음에 들어서 헤더를 회색으로 변경했습니다. 하지만 불행히도 제목 아래 카테고리 텍스트와 충돌하는 부작용이 발생했습니다.
header primary 색상을 흰색(#ffffff)이나 다른 밝은 색으로 변경하셨나요? 텍스트 색상을 제어하는 것이 바로 그것이라고 생각합니다.
아래 CSS를 추가할 수도 있습니다.
.extra-info-wrapper .badge-wrapper.bullet span.badge-category {
color: white;
}
4개의 좋아요
네, 이미 헤더의 기본 색상을 흰색으로 변경해 두었습니다. 하지만 여기서는 적용이 되지 않는 것 같습니다. 테마의 ‘공용’ 탭 아래에 CSS를 추가해 보았지만, 안타깝게도 색상이 변경되지 않았습니다.
아, 맞다. 커스텀 헤더 링크(Custom Header Links) 확장 기능도 함께 사용 중인데, 이것이 영향을 주고 있는 걸까요?
잠깐 벗겨 봤는데 색상은 그대로였어요. 정확히 뭔지는 잘 모르겠고, 어쨌든 큰 문제는 아니니 그냥 사소한 지적 정도로 넘기려 해요. 나중에 확장자 전부 제거한 상태로 다시 시도해 볼게요.
테마의 공통 CSS(Common CSS)에 다음 코드를 추가하여 문제를 해결할 수 있었습니다.
.badge-wrapper .badge-category .category-name {
text-overflow: ellipsis;
overflow: hidden;
color: white;
}
하지만 이렇게 하면 홈페이지(최신)와 스레드 상단 제목 아래에 표시되는 카테고리 이름도 흰색으로 변합니다. 헤더에만 적용되도록 제한하는 방법이 있을까요?