사용자 지정 CSS 코드를 삽입하는 방법

2023년 12월 7일

Jform에는 양식 빌더에는 코딩 없이 원하는 모양으로 양식을 만드는 데 사용할 수 있는 양식 디자이너가 내장되어 있습니다. 더 많은 사용자 지정 옵션을 찾고 있는 경우 사용자 지정 CSS 코드도 지원됩니다.

메모

이 가이드는 클래식 양식에 CSS를 적용하기 위한 것입니다. 사용자 지정 CSS는 카드 양식에서 지원되지 않습니다. 자세한 내용은 양식 레이아웃 변경을 참조하십시오.

클래식 양식에 사용자 정의 CSS를 추가하려면

  1. 양식 빌더에서 오른쪽 상단 모서리에 있는 페인트 롤러 아이콘을 선택하여 양식 디자이너를 엽니다.
페인트 롤러 아이콘을 가리키는 화살표가 있는 양식 빌더의 스크린샷
  1. 오른쪽의 양식 디자이너 창에서 상단의 스타일로 이동합니다.
양식 디자이너 창의 스타일 탭을 가리키는 화살표가 있는 양식 빌더의 스크린샷입니다
  1. 커스텀 CSS 삽입하기까지 아래로 스크롤 하고 텍스트 영역에 CSS 코드를 입력합니다.
  2. 완료되면 하단에서 저장하기를 선택합니다.
양식 빌더의 양식 디자이너 창의 스크린샷으로 커스텀 CSS 삽입하기 및 저장하기 버튼이 강조 표시됩니다
  1. 미리 보기 또는 라이브 모드에서 양식을 보고 양식 작성자가 양식을 어떻게 보는지 확인하십시오.

이 가이드에서 사용자 정의 CSS 코드 예제를 찾을 수 있습니다. 위젯에 CSS 코드를 적용하려면 CSS 코드를 위젯에 삽입하는 방법을 참조하십시오.

고객지원 문의하기:

저희 고객 지원팀은 주 7일 24시간 동안 언제든지 도와드릴 수 있으며 저희의 평균 반응시간은 1~2 시간입니다.
저희 팀은 다음을 통해 연락될 수 있습니다:

고객지원 게시판: https://www.jotform.com/answers/

Contact Jform Support: https://www.jform.co.kr/contact/

코멘트 보내기:

Jform Avatar
이 사이트는 reCAPTCHA 및 Google 개인정보 보호정책 정책으로 보호되며 이용약관이 적용됩니다.

Podo Comment 제일 먼저 댓글 달아주세요.