플루언트폼 대화형 신청폼 CSS

워드프레스Tip
작성자
어**
작성일
2022-12-27 00:36
조회
609
/*대화형 신청 폼 시작*/

/*대화형 신청 폼 상하단 여백 조절*/
.ffc_inline_form.ffc_conv_wrapper .ff_conv_app .ff_conv_input {
padding-bottom: 100px !important;
padding-top: 10px !important;
}

/*대화형 신청 폼 본문*/
h2{letter-spacing:-1px !important;}
.ffc-counter, .vff .f-required, .f-help, .f-enter-desc, .f-invalid{display:none !important;}

.ffc_q_header .f-text, .f-tagline{ font-size:16px !important; color:black !important; font-weight:400 !important; letter-spacing:-1px;}
.ffc_q_header{background:#f6f6f6 !important;
margin-left:35px;
padding: 20px 20px; border-radius:10px;}
.ffc_question::before{
content: " ";
background-image: url(/wp-content/uploads/2022/11/center_icon.png);
position: absolute;
left: -16px;
top:15px;
height:35px;
width: 35px;
background-size: cover;

}
body[data-form-style="minimal"] textarea{padding:0px; background-color:white; border:none;}
.ff-btn-submit-center{margin-bottom:80px;}

.f-fade-in.f-enter, .ff-btn-submit-center {text-align:right !important;
font-size:15px !important;}

.f-fade-in.f-enter span{ font-weight:500 !important; padding:15px 24px;

}

#rebutton{font-size:16px; padding:15px 15px; border:1px solid; font-weight:500 !important; margin-top:20px; letter-spacing:-0.5px; margin-bottom:30px;}

/*대화형 신청 폼-프로그레스바*/
.vff-footer{ width:90% !important;font-weight:300 !important; padding-right:20px !important; padding-left:5px;}

.footer-inner-wrap, .f-progress{width:100%; }
.ffc_progress_label{color: #191919; font-size:20px !important; letter-spacing:-1px; }
.vff-footer .f-progress-bar{background-color:#e5e5e5 !important;}

.f-progress{padding:0px !important;}
.f-progress-bar-inner{margin-top:10px; }

.f-nav a{ opacity:100% !important; border:1px solid #191919 !important; text-align:center !important; padding:1px 9px !important;margin-right:5px !important;}

.f-progress-bar-inner{margin-top:20px !important;}
.vff-footer .footer-inner-wrap{box-shadow:none !important;}
.footer-inner-wrap .f-nav{background:white !important;}
.f-nav svg{ fill:#191919 !important; width:11px !important; margin-top:15px !important; position:relative !important;}

/*대화형 신청 폼-체크박스*/

.f-answer .f-radios-wrap ul {margin-left:35px !important; width:100%; background-color:white !important;}
.f-answer .f-radios-wrap ul li{border:none !important; background-color:white !important;
text-align:left; }

.f-answer .f-radios-wrap ul li .f-label{font-weight:500 !important; letter-spacing:-1px; font-size:16px !important;}

.f-answer input, .f-answer input:focus {border-bottom: 1.5px solid rgb(209 209 209)!important;
box-shadow:none !important;
background:white !important;}

/*대화형 신청 폼-폼모바일*/
@media only screen and (max-width:768px){
.f-answer .f-radios-wrap ul {margin-left:0% !important; width:100%;}

.ffc_inline_form.ffc_conv_wrapper .ff_conv_app .vff .ff_conv_section_wrapper .ff_conv_input{
padding-right:20px !important;
padding-left:20px !important;}
.vff-footer{ padding-right:0px !important;
width:95% !important; padding-left:0px !important;
left:7% !important;}
.ffc_inline_form.ffc_conv_wrapper .ff_conv_app .vff .ff_conv_section_wrapper .ff_conv_input{margin-bottom:0px !important;}

.f-nav a{ padding:1px 7px !important;}
}

/*대화형 신청 폼 종료*/
전체 0