템플릿으로 내 댓글에만 스타일 적용하는 방법

내 댓글에만 다른 스타일을 적용하는 CSS 예시

※ 반드시 템플릿을 복제해 다른 이름의 폴더를 만든 뒤 커스터마이즈하세요

OBS에 템플릿을 표시하고, 커스텀 CSS에 아래와 같이 작성한 CSS를 추가합니다

[data-user='당신의 이름'] {  
  background: #000;  
}

예시: Line 템플릿에서 특정 이름의 유저 말풍선만 반대쪽에 표시하기

OBS의 커스텀 CSS에 다음 CSS를 추가합니다

※ "테스트 유저" 부분은 실제 사용자 이름에 맞게 변경하세요

[data-user="테스트 유저"] {  
  --lcv-side-left-visible: none;  
  --lcv-side-right-visible: block;  
  --lcv-side: var(--lcv-side-right);  
  --lcv-icon-side: var(--lcv-icon-side-right);  
  align-self: flex-end;  
}  
[data-user="테스트 유저"] .comment-block {  
  text-align: right;  
}  
[data-user="테스트 유저"] .comment-text {  
  text-align: left;  
}

※ line-right인 경우

[data-user="테스트 유저"] {  
  --lcv-side-left-visible: block;  
  --lcv-side-right-visible: none;  
  --lcv-side: var(--lcv-side-left);  
  --lcv-icon-side: var(--lcv-icon-side-left);  
  align-self: flex-start;  
}  
[data-user="테스트 유저"] .comment-block {  
  text-align: left;  
}  
[data-user="테스트 유저"] .comment-text {  
  text-align: right;  
}