현재 contact form 7을 이용해 신청폼을 만들고 있습니다. 위의 사진과 같이 동의하기를 눌렀을때 네모 박스안에 다시 조그만한 박스가 생깁니다. 보통의 체크표시처럼 바꾸고 싶은데 어떻게 하나요?
2. 사용자 정의하기에서 custom css로 사이트를 수정할때 모바일에만 적용하게 되려면 앞에 @media 머를 붙혔던것으로 기억하는데 정확한 코드를 알수있을까요?
체크박스 문제는 CSS 폰트 문제가 맞는 것 같습니다.
그런데 정확한 원인 파악인 쉽지 않네요.
대안으로는 폰트 속성을 제거하고 기본 체크박스 UI를 표시하는 방법이 있겠습니다.
아래 CSS 코드를 적용해보시겠어요?
input[type="checkbox"] { -webkit-appearance: checkbox !important; }
input[type="checkbox"]:checked:before { display: none !important; }
워드프레스 마이그레이션 플러그인은 종류가 많아서요.
딱히 추천이라기보단 기억나는 게 All in One Migration 플러그인이 있습니다.
확인 부탁드립니다.
고맙습니다.
css를 제거해봐도 문제가 해결되지 않습니다.
http://alufia.cafe24.com/reservation/
위의 사이트를 보시고 확인한번 해주시면 감사하겠습니다.
추가로 워드프레스 migration 플러그인을 추천해주시면 감사하겠습니다. 호스팅 사이트를 이전할 계획인데, 워드프레스, php버젼이 다른데 원할하게 이전할수 있는 방법이 있을까요?
안녕하세요~^^
체크박스가 제대로 표시되지 않는 문제는 CSS 속성 때문인 듯합니다.
최근 폰트 관련된 CSS 코드를 추가했다면 제거해보세요.
그리고 실제 확인 가능한 페이지 주소를 알려주시면 추가로 확인해보겠습니다.
CSS 코드를 모바일에만 적용하시려면 아래 코드를 응용해보세요.
@media screen and (max-width: 600px) {
/*모바일용 속성을 넣어보세요.*/
}
고맙습니다.