어제부터, 컨택트폼 스타일을 커스터머이징하려고, 관리자 화면의 사용자 CSS를 통해 아래와같은 수정치를 입력했다 지웠다 반복하고 있는데요, 제대로 반영이 안 되는 이유는 무엇인가요? (크롬 디벨롭퍼 툴에서는 반영이 되는데, 캐시를 지워도 역시나 안되네요.) 오늘 하루종일 해도 안되서 그러는데,,한번만 봐 주실 수 있는지요? https://fxant.net/contact
제가 원하는 수정부분은 다음과 같습니다.
●입력란을 전부다 핑크색으로.
●입력란 넓이를, 600픽셀 이상일때는 본문폭의 50%, 600픽셀 이하일 때는 본문폭 꽉 차게100%로.
●보내기 보턴을 한가운데로 배치.
----------------------------------------------------------------------------------
/*컨택트폼 입력란 스타일*/
#kboard-contact-form-editor input[type=text], select, textarea{
margin: 5px 0px 0px 0px;
padding: 0 5px;
width: 50%;
height: 40px;
line-height: 32px;
font-size: 16px;
color: #666666;
border-radius: 0;
border: 0px solid #dcdcdc;
background-color: #fcebeb;
}
@media screen and (max-width: 600px){
#kboard-contact-form-editor input[type=text], select, textarea{
width: 100%
}
}
#kboard-contact-form-editor select {
margin: 5px 0px 0px 0px;
font-size: 16px;
width: 30%;
height: 40px;
border-radius: 0;
border: 0px solid #dcdcdc;
background-color: #fcebeb;
}
#kboard-contact-form-editor textarea {
margin: 5px 0px 0px 0px;
border: 0px solid #dcdcdc;
background-color: #fcebeb;
}
/*컨택트폼 항목간 여백*/
#kboard-contact-form-editor .kboard-attr-row {
padding: 10px 10px 10px 10px;
}
#kboard-contact-form-editor input[type=file] {
margin: 15px 10px 0px 10px;
}
/*컨택트폼 송신버튼*/
button.kboard-contact-form-button-large {
margin: 0px 0px 0px 200px;
font-size: 18px;
width: 150%;
text-align:center;
}
안녕하세요~^^
아이프레임으로 보기는 독립된 페이지에서 게시판이 표시되기 때문에 워드프레스의 CSS 적용이 안될 수 있습니다.
아이프레임으로 보기 기능을 비활성화하시거나 사용자 정의하기 쪽 대신
워드프레스 관리자 -> KBoard -> 대시보드 페이지의 커스텀 CSS 입력 필드에 코드를 추가해보시겠어요?
고맙습니다.
코스모팜 설명서에 설치하자마자 아이프레임을 활성화하라고 나와있어서 그렇게 했는데,,,그게 문제였네요. 전 그런것도 모르고..없는지식에 별별방법을 다 동원했었는데 다행입니다.
근데, 송신버튼은 아무리해도 중앙배치 또는 오른쪽배치가 안되네여.
이것만 좀 부탁드리겠습니다.
contact-form 스킨에서 보내기 버튼을 가운데 정렬하시려면
아래의 코드를 활용해보시겠어요?
#kboard-contact-form-editor .kboard-control { text-align: center; }
#kboard-contact-form-editor .kboard-control .left { float: unset; }
button.kboard-contact-form-button-large { width: 150px !important; }
위의 코드에서 버튼 픽셀 값은 적절히 수정하신 후에 적용해보세요.
고맙습니다.
해결되었습니다. 감사합니다~
바쁘신데 죄송합니다. 버튼은 가운데 정렬로 되었는데, ,,,가능하면 그위에 있는 모든 요소들을 가운데 정렬로 하고싶습시다. 이것도 제 실력으로는 아무리해도 안되는데 혹시 방법이 있나요?
● https://fxant.net/contact
안녕하세요.
아래의 코드를 활용해보시겠어요?
#kboard-contact-form-editor .kboard-attr-row { margin: 0 auto; float: none; max-width: 370px; clear: both; }
button.kboard-contact-form-button-large { margin: 0; }
고맙습니다.
위 코드로 해결되었습니다. 감사합니다~