토픽 목록 구분선의 색상을 변경하는 방법은?

[Johnny_McIvor]

분리선들이 거의 보이지 않는데, 이를 변경하기 위한 CSS는 무엇인가요?

[omarfilip]

.topic-list-item
    {border-bottom: 1px solid #be235b;}

물론, 원하는 대로 색상을 조정하세요.

[Johnny_McIvor]

감사합니다! 상단 구분선의 CSS도 아시나요?

[Arkshine]

찾고 있는 것은 .topic-list-body입니다.

.topic-list-body {
  border-top: 3px solid #be235b;
}

[Johnny_McIvor]

좋아요! 마지막 질문 하나만 더:

헤더의 구분선 CSS는 무엇인가요?

그리고 “마지막 방문” 텍스트/라인은요?

[NateDhaliwal]

해당 요소를 검사하면 이들을 찾을 수 있습니다. 요소를 마우스 오른쪽 버튼으로 클릭한 다음 검사(Inspect)를 선택하세요.

[Arkshine]

@Johnny_McIvor

헤더 구분선의 CSS는 어떻게 되나요?

.d-header {
  box-shadow: 0 0 0 1px #be235b;
}

@Johnny_McIvor

그리고 “마지막 방문” 텍스트 / 선은요?

.topic-list .topic-list-item-separator .topic-list-data {
    border-top: 1px solid #be235b;
}

[Johnny_McIvor]

감사합니다. 그리고 “마지막 방문” 텍스트는 어떻게 되나요?

[Johnny_McIvor]

요소를 검사할 때 무엇을 찾아야 하는지 잘 모르겠습니다. 태그는 보통 보이지 않거든요.

[Johnny_McIvor]

잠깐. 알아냈어, 끝에 "span"을 추가해야 했어.

.topic-list-item-separator .topic-list-data span {
  color: #FF0000 !important;
}

[NateDhaliwal]

예를 들어 ‘마지막 읽음’ 텍스트를 마우스 오른쪽 버튼으로 클릭한 다음 '검사’를 클릭하세요. 개발자 도구에서 해당 요소를 볼 수 있으며, 클래스를 복사할 수 있습니다. 이렇게 하면 페이지의 모든 요소에 대한 클래스와 id를 찾을 수 있습니다.