내 포럼이 보이지 않아요

Discourse에서 코딩을 배우는 중인데, 다음 CSS를 입력한 후 내 포럼이 보이지 않게 되었습니다:

.ember-view {
  display:none
}

컨테이너 위에 배치된 요소를 제거해보고 싶었고, 어떤 요소인지 알아보려고 .ember-view라고 추측했습니다.

결론은 제가 틀렸다는 것이었고, 이제 포럼 전체가 보이지 않습니다.

어떻게 해야 할까요? 테마 CSS에 해당 코드를 삽입했기 때문에 관리자 섹션과 웹사이트 모두 완전히 보이지 않습니다.

감사합니다
Olle

https://yourforum.example.com/safe-mode 로 이동하여 안전 모드를 사용할 수 있습니다.

당신만이 그런 실수를 하는 것이 아니에요. 그래서 아주 유용한 도구가 있습니다: :up_arrow:

감사합니다! 정말 큰 도움이 됐어요!

이 요소가 뭔지 아시는 분 계신가요? 제 div.list-controls 위에 배치되어 있고, 제 아마추어(맞아요, 이 정도는 당연하죠) 눈으로 코드를 읽으면 이름이 ember27, ember28, main-container, container 중 하나인 것 같아요.

제거하려고 하는 줄은 이 사진에서 파란색 선 안에 위치해 있습니다:

image

그리고 @RGJ님과 @merefield님, 지원과 도움을 주셔서 하루를 구해주셔서 감사합니다.

사진이 정확히 명확하지 않습니다 (포럼의 URL을 DM으로 보내주시면 확인해 보겠습니다).

기본 원칙은 ember라고 불리는 것을 절대 타겟팅하지 않는 것입니다. 이들은 자동으로 생성되며 매우 범용적이고, 숫자는 빌드마다 변경될 수 있고 실제로도 변경됩니다.

이건 어떨까요? 바로 떠오른 겁니다.

div.main-container > div:nth-child(1) {
  display: none;
}

불행히도 도움이 되지 않았습니다. border: 2.4px; 속성도 제거해 보았지만 결과는 마찬가지였습니다.

이 문제에 대해 Richard와 Arkshine와 연락을 주고받고 있습니다. 해결책을 찾으면 향후 참고를 위해 여기에 공유하겠습니다.

감사합니다.
Olle

@RGJ 님이 해당 줄에 대한 해결책을 찾았고, 그 코드는 다음과 같습니다:

#main-outlet > div.container {
  border: none;
}

모두 좋은 주말 보내세요.

감사합니다
올레