멤버스 템플릿 스타일 추가

핵심 요약: 멤버스 템플릿 위젯의 Class 옵션으로 버튼, 체크박스, STEP UI의 색상과 디자인을 변경하는 방법을 안내합니다.

멤버스 템플릿의 각 위젯 Class를 이용하여 버튼, Checkbox, STEP UI 디자인을 변경할 수 있습니다.

input 필드, 버튼 색상 변경 #

테마 또는 플러그인에서 제공하는 CSS로 인해 적용되지 않을 수 있습니다.

멤버스 플러그인에서 제공되는 기본 색상에만 적용되며, 해당 색상 외 색상 적용을 원하시는 경우 직접 CSS를 추가해 주셔야 합니다.

1. Class 추가 #

   input 필드 또는 버튼 색상을 변경할 멤버스 템플릿에서 위젯의 설정을 클릭하면 표시되는 옵션 중 Class 영역에서 색상 값을 추가합니다.
   

2. 색상 확인 #

   제공되는 색상은 input – normal, blue, red, green / 버튼 – normal, blue, red, green, white, black, gray 입니다.
   이미지 클릭 시 색상을 자세히 확인할 수 있습니다.
   

Checkbox 스타일 변경 #

이용약관 위젯 또는 Checkbox 위젯의 Class 영역에 circle-check를 추가하면 기존의 각진 체크박스가 아닌 둥근 모양의 체크박스가 적용됩니다.

회원가입 STEP UI 변경 #

STEP형 회원가입 템플릿을 사용하는 경우 상단의 STEP UI를 2가지 디자인으로 이용할 수 있습니다.

[엠샵 멤버스 > 모든 멤버스 템플릿 > 회원가입 ( 약관동의 + 정보입력 )] 템플릿 편집 페이지에서 STEP Container 위젯의 설정을 클릭한 후, Class 영역에 step_big-number 또는 step_small을 추가합니다.

자주 묻는 질문 #