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

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

  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>
  1. "변경" 키워드가 있는 항목의 숫자를 원하는 값으로 조정한 뒤, 미리보기를 통해 확인해주세요.
  2. 원하는 값으로 설정한 후 게시하기를 클릭하면 사이트에 즉시 적용됩니다.
TIP: 모든 스타일은 !important 속성으로 적용되어 기존 설정보다 우선됩니다.
목록으로