타임세일 문구 크기 변경(코드, 초급)

간단한 코드를 통해 타임세일 문구의 배경색과 글자 크기를 변경할 수 있습니다.

1. 타임세일 문구를 변경하고 싶은 페이지에 코드 위젯을 추가합니다.
   1. 모든 페이지에 공통으로 삽입하고 싶은 경우는 환경설정 > SEO 공통코드 Body에 코드를 입력해 주세요
   2. 코드를 입력한 위치에 따라 적용범위가 달라집니다.
2. 아래 코드를 그대로 입력합니다.

<style>
/* 타임세일 전체 박스 */
p.doz-timesale-wrap._doz_timesale_wrap {
  display: block;
  background-color: #91d900; /* 타임세일 안내 배경색 변경 */
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 20px; /* 텍스트 크기 변경 */
}

/* 타임세일 텍스트(span) 크기 유지 */
.doz-timesale-wrap .doz-timesale._doz_timesale {
  font-size: 20px !important; /* 텍스트 크기 변경 */
  background: none;
}

/* 시계 아이콘 크기 맞추기 */
.doz-timesale-wrap i.icon-clock {
  font-size: 20px !important; /* 시계 아이콘 크기 변경 */
}
</style>

3. "변경" 키워드가 있는 항목의 숫자를 원하는 값으로 조정한 뒤, 미리보기를 통해 확인해주세요.
4. 원하는 값으로 설정한 후 게시하기를 클릭하면 사이트에 즉시 적용됩니다.