이메일에 다음과 같은 기본적인 커스터마이징을 적용하고 싶습니다:
- 둥근 버튼 (솔직히 모든 것을 둥글게 만들고 싶어요)
- 이메일 다이제스트의 로고 크기 증가
이를 효과적으로 적용하는 방법은 무엇일까요? 이미 이메일 스타일링에 사용자 지정 CSS를 입력해 보았지만, 서버 오류와 전달률 저하 문제를 일으켰습니다.
제가 작성한 간단한 사용자 지정 코드는 다음과 같습니다:
a, span {
border-radius: 20px !important;
}
img:not([alt="replies"], [alt="likes"]) {
border-radius: 8px !important;
}
div div[style*="margin-bottom:25px"] div[style*="padding-top:5px"] {
background-color: unset !important;
padding-top: 15px !important;
}
img[alt="Company"] {
height: 75px !important;
}
Discourse가 제 CSS 속성 타기팅을 좋아하지 않는 것 같습니다. 하지만 이메일 템플릿에 사용할 수 있는 CSS 클래스가 없어서 어쩔 수 없이 이렇게 하였습니다. 요소를 둥글게 만들고 로고 크기를 키우는 더 나은 방법이 있을까요?
업데이트 등으로 파일을 잃어버리지 않고 파일을 덮어쓰는 것이 번거롭지 않다면, 이메일 HTML을 재작성하는 것도 마다하지 않습니다.