1. 정확한 제품 또는 플러그인 이름
콘택트 폼, 컨택트 폼
2. 상세 내용
contact-from 보내기 버튼 색상을 웹과 모바일 모두 변경하고 싶습니다.
3. 확인 가능한 상세 페이지 주소
4. 수정한 코드 내역 (있다면)
AI에 의해 자동 생성된 답변이에요 😀
KBoard contact-form 스킨의 보내기 버튼 색상을 웹과 모바일 모두 변경하시려면 아래의 CSS 코드를 사용해 보세요.
워드프레스 관리자 -> KBoard -> 대시보드 메뉴의 커스텀 CSS 입력 필드에 아래 코드를 추가하시면 됩니다.
- 보내기 버튼 색상 변경 코드
a.kboard-contact-form-button-large,
input.kboard-contact-form-button-large,
button.kboard-contact-form-button-large {
background: #807255 !important;
color: white !important;
}
위 코드에서 #807255 부분을 원하시는 색상 코드로 변경하여 적용해 주시기 바랍니다.
만약 버튼을 가운데로 정렬하고 싶으시다면 아래 코드를 추가로 활용하실 수 있습니다.
- 버튼 가운데 정렬 코드
#kboard-contact-form-editor .kboard-control {
text-align: center;
}
#kboard-contact-form-editor .kboard-control .left {
float: none;
}
button.kboard-contact-form-button-large {
width: 150px !important;
}
설정 후에는 브라우저 캐시를 모두 삭제하신 뒤 확인해 보시기 바랍니다.
↓ 아래 버튼을 눌러서 피드백해주세요.