1. 정확한 제품 또는 플러그인 이름
콘택트 폼, 컨택트 폼
2. 상세 내용
이번 업데이트 후 기존 디자인과 색상이 달라졌는데요.
디자인은 그렇다 치고 contact-from 보내기 버튼 색상이라도 웹과 모바일 모두 변경하고 싶습니다.
아래와 같이 답변을 받아서 적용해 보았으나 변동사항 없습니다.
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;
}
안녕하세요~^^
아래 css 코드를 워드프레스 관리자 -> KBoard -> 대시보드 메뉴의 커스텀 CSS 입력 필드에 아래 코드를 추가해보시겠어요?
색상은 원하시는 색상을 수정하셔서 코드를 추가해보세요
#kboard-contact-form-editor .kboard-control button[type=submit]{
background: #ff6b35 !important;
border-color: #ff6b35 !important;
color: #fff !important;
}
#kboard-contact-form-editor .kboard-control button[type=submit]:hover,
#kboard-contact-form-editor .kboard-control button[type=submit]:focus{
background: #e85a2a !important;
border-color: #e85a2a !important;
color: #fff !important;
}
고맙습니다.