custom.css3 [밑줄 추가] custom.css 편집 라임서베이의 질문/답변에 대한 UX(User Experience, 사용자 경험)에 대한 고민의 일환이다. 답변이 라디오 버튼 목록으로 위에서 아래로 나열되는 많은 질문들 앞에서 응답자가 지루해하거나 경직될 수 있다. 조금 이쁘게, 편안하게, 가독성을 높이고, 정확한 응답을 유도하고, 나아가 응답 중 이탈을 방지하기 위하여 다양한 고민과 대책이 필요하다. 아래 사례는 이른바 줄쳐진 노트(옥스포트 노트 스타일 이라고 불리기도 한다) 형식으로 답변 항목들 밑에 밑줄을 넣는 것이다: .radio-list li { border-bottom: 1px solid #f0e68c; /* 카키색 줄 */ padding: .5px; padding-left: 20px; /* 라디오 버튼을 오른쪽으로 조금 이동 */ } /* .. 2023. 11. 27. [폰트 조정] custom.css 편집 라임서베이가 제공하는 테마들에는 질문지 내용에 대한 폰트의 기본 설정이 있다. 질문 편집기에서 개별 문항에 대한 폰트를 편집할수도 있다. 하지만, 때로는 질문지 전체와 연관된 전역 설정을 변경할 필요를 느낀다. 이 때는 custom.css에 추가 할 수 있다. 아래의 내용은 vanilla 테마의 기본폰트가 작다고 느껴지는 상황에 대한 대응이 되겠다. 질문과 답변 항목의 폰트를 키우는 것이다. /* 질문 폰트 크기 수정 */ .question-title-container { font-size: 16px; padding-top: 9px; padding-bottom: 9px; } /* 응답 폰트 크기 수정 */ .ls-answers { font-size: 18px; padding-bottom: 0; margi.. 2023. 11. 27. 라임서베이 theme(테마) color(색깔) 변경[1]: vanilla 라임서베이는 네개의 테마를 기본으로 제공한다. 그중의 하나가 vanilla 테마이다. 간결하다. 아래는 하나의 사례가 되겠다. 간혹 설문조사의 기본 색을 조정해야할 때가 있다. 조사를 진행하는 기업/기관의 대표 색깔이 있고, 조사를 의뢰하는 기업/기관이 선호하는, 우려하는 색도 있다. 이 때 vanilla 테마의 주요 색을 조정할 수 있다. 다음은 붉은 계열을 색으로 바꾼 사례가 되겠다. 이러한 색의 변환은 테마 편집기를 활용할 수 있다. vanilla 테마를 다른 이름으로 저장한다. (이 과정은 진행 설명을 따르면 된다) 편집 화면의 오른쪽 중간에 이 있다. 여기에서 custom.css를 열고 편집하면 된다. 아래의 화면에서 .vanilla로 시작하는 두개의 설정이 있다. 하나는 progress-bar.. 2023. 10. 10. 이전 1 다음
