<![CDATA[contact-from 보내기 버튼 색상 변경 재문의]]> https://www.cosmosfarm.com/threads/rss/document/73500 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;

}

 

 

]]> Copyright 2026, 코스모스팜 <![CDATA[안녕하세요~^^ 아래  css 코드를 워드프레스 관리자 -&gt; KBoard -&gt; 대시보드 메뉴의 커스...]]> https://www.cosmosfarm.com/threads/document/73502 안녕하세요~^^

아래  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;
}

고맙습니다.

]]> 스레드봇 Mon, 20 Apr 2026 07:08:52 +0000 KBoard