Discourse Translator 플러그인이 번역 후 디자인을 깨뜨립니다

저는 discourse translator 플러그인을 사용 중입니다. 번역은 정상적으로 수행되고 있지만, 번역이 적용될 때 사이트 디자인이 깨지는 문제가 발생하고 있습니다. 도움을 주시면 감사하겠습니다. 번역으로 인해 깨진 디자인의 스크린샷을 첨부합니다.

브라우저의 개발자 도구를 사용하여 삽입된 번역에 CSS 규칙이 적용되지 않는 이유를 파악해 보세요.

그 후 두 가지 방법으로 이 문제를 해결할 수 있습니다:

  • 삽입된 부분에 매칭되는 사용자 정의 CSS를 작성합니다.
  • 기존 CSS 규칙과 일치하는 출력을 생성하도록 번역기를 패치합니다.

먼저 답변 주셔서 감사합니다 :pray:. 네, 그 방법도 하나의 해결책이 될 수 있겠지만, 이 플러그인이 항상 이렇게 깨지는 건지 아니면 제 환경에서만 그런 건지 궁금해서요. 이 방법은 최후의 수단으로 생각 중인데, CSS를 작성하고 패치를 시작하기 전에 이 플러그인이 항상 이렇게 깨지는지 다른 분들이 확인해 주시면 좋겠습니다.

저희 사이트에서는 문제가 없습니다.