Home멤버스(회원가입) 시즌2멤버스 활용 가이드멤버스 스타일 추가

멤버스 스타일 추가

– 테마 또는 플러그인에서 제공하는 CSS 로 인해 적용이 안 될수 있습니다.
 

  • 멤버스 템플릿에서 ‘Input’ , ‘Button’ 필드를 추가하고 필드 편집창으로 들어가면 하단과 같이 옵션 창이 뜹니다.
    members-style-change_01
  • ‘Class’ 옵션에 색상을 영어로 넣으면 지정된 스타일이 적용이 됩니다.
    members-style-change002
     

    하단의 이미지를 클릭하면 더 자세하게 보실수 있습니다.
    color-variation

  • Checkbox 스타일 변경

  • 기존의 체크박스는 테두리가 각져있으며 둥글게 바꾸고 싶으신 경우 이용약관 필드의 Class 옵션에 circle-check을 추가해주시기 바랍니다.
    agreement-class
    agreement-class02
  • 회원가입 STEP UI 변경

  • 회원가입시 위에 뜨는 STEP UI 를 변경하시려면 ‘회원가입 ( 약관동의 + 정보입력 )’ 템플릿에서
    바깥의 필드에 Class를 추가해 변경하실수 있습니다.

    적용되는 스타일 : step_big-number, step_small

    members-style-change_03

  • PC

    members-styler-step_01members-styler-step_02

  • MOBILE

    members-styler-step_03members-styler-step_04

Was this article helpful to you? Yes No