티스토리 인용구 따옴표 닫기 만들기

티스토리의 인용구 따옴표를 사용하면 열림만 있고

 

닫기 따옴표가 없어서, 진짜 한참을 헤맨적이 있는데,

 

그냥 존재 하지 않는것 이였습니다.

 

삽질만 했네요.

 

이번 포스팅은 CSS값에 소스를 추가해줘서 닫기를 만들어줘 보겠습니다.

 

---

 

따옴표 닫기 

 

 

인용구 따옴표를 선택하면 아래 처럼 열림만 있습니다.

이제 CSS 소스 코드를 추가해줘서 닫힘 인용구를 만들어줘 보겠습니다.

 

따옴표 CSS 추가하기

 

따옴표의 CSS를 추가하려면 먼저 CSS 탭으로 이동합니다.

'관리자 홈'에서 '꾸미기 > 스킨 편집 > html 편집 > CSS'로 들어갑니다.

 

 

 

html 편집에 들어가서 CSS 선택 후 아래와 같이 CSS 코드를 추가해줍니다.

 

/* 인용구 닫기 따옴표 추가 코드 */
#tt-body-page blockquote[data-ke-style='style1']::after {
  content: '';
  display: block;
  background: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/blockquote-style1.svg) no-repeat 50% 0;
  padding-top: 34px;
  transform: rotate(180deg);
}
/* 인용구 닫기 따옴표 추가 코드 끝 */

 

 

글쓰는 중간에 는 안 보이고 왼쪽 아래 "미리 보기"나 "작성 완료" 후에 따옴표 닫힘이 보입니다.

 

이걸 이제야 알다니, 속이 후련하네요 ㅋㅋ