Forms
A0005
Code With ACF Integration
HTML
<!-- A0005 -- START ------------------------------> <?php if ( have_rows( 'a0005' ) ) : ?> <?php while ( have_rows( 'a0005' ) ) : the_row();?> <section id="a0005" style="background-image: url('<?php echo get_sub_field('image'); ?>')"> <div class="container"> <div class="row"> <div class="col-12 mt-4"> <h2><?php echo get_sub_field('title'); ?></h2> </div> <div class="col-12 mt-4"> <?php echo FrmFormsController::get_form_shortcode( array( 'id' => 2, 'title' => false, 'description' => false ) ); ?> </div> </div> </div> </section> <?php endwhile; ?> <?php endif; ?> <!-- A0005 -- END ------------------------------>
CSS
/* -- A0005 -- START ------------------------------ */ #a0005 { margin-top: 30px; border-top: solid 5px #c98109; background-position-x: center; background-size: cover; padding-bottom: 30px; } #a0005 h2{ text-align: center; font-family: 'Oswald', sans-serif; color: #fff; font-size: 50px; } #a0005 .a0005_sbm{ font-family: 'Oswald', sans-serif; font-size: 25px; } #a0005 .a0005_field{ margin-bottom: 5px; } /* -- A0005 -- End ------------------------------ */
Code Only (Without ACF Integration)
HTML
<!-- A0005 -- START ------------------------------> <section id="a0005" style="background-image: url('YOUR URL HERE')"> <div class="container"> <div class="row"> <div class="col-12 mt-4"> <h2>Contact Us</h2> </div> <div class="col-12 mt-4"> <?php echo FrmFormsController::get_form_shortcode( array( 'id' => 2, 'title' => false, 'description' => false ) ); ?> </div> </div> </div> </section> <!-- A0005 -- END ------------------------------>
CSS
/* -- A0005 -- START ------------------------------ */ #a0005 { margin-top: 30px; border-top: solid 5px #c98109; background-position-x: center; background-size: cover; padding-bottom: 30px; } #a0005 h2{ text-align: center; font-family: 'Oswald', sans-serif; color: #fff; font-size: 50px; } #a0005 .a0005_sbm{ font-family: 'Oswald', sans-serif; font-size: 25px; } #a0005 .a0005_field{ margin-bottom: 5px; } /* -- A0005 -- End ------------------------------ */
Image size: 1600px X 541px – can change slightly.
Download XML file for Formidable. A0005 Formidable
CFA - Form
Code Only (Without ACF Integration)
HTML
<!-- CFA --------------------------------------> <section class="cfa"> <div class="container"> <div class="row"> <div class="col-12"> <div class="cfa_background"> <div class="cfa_blend_off"> <div class="cfa_title">Request a call</div> <div class="cfa_msg">Click all that apply:</div> <div class="cfa_form"> <?php echo FrmFormsController::get_form_shortcode( array( 'id' => 3, 'title' => false, 'description' => false ) ); ?> </div> </div> </div> </div> </div> </div> </section> <!-- CFA End ----------------------------------->
CSS
/*-- CFA Start --------------------------------------*/ .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox] { opacity: inherit; } frm_image_options .frm_image_option_container .frm_empty_url, .frm_image_options .frm_image_option_container img { height: inherit !important; width: auto; } .frm_image_option_container .frm_selected_checkmark svg { fill: #eb1c23; } .cfa{ background-image: url(../images/hdr.jpg); background-repeat: no-repeat; background-position-x: center; background-size: cover; } .cfa_background{ background-color: #0459a5ba; margin-top: 20px; margin-bottom: 20px; padding: 20px 30px; border-radius: 5px; color: #FFF; } .cfa_title{ font-size: 1.90em; font-weight: 800; } .cfa_msg{ font-style: italic; margin-top: 20px; } .cfa_after_terms{ font-style: italic; font-size: 0.8em; } #frm_form_3_container .frm_button_submit, #frm_form_3_container .frm_final_submit{ width: 100%; padding-right: 0; padding-left: 0; } #frm_form_3_container .wa_controll textarea{ height: 100px; } @media (min-width: 601px) { .wa_frmspace{ padding-top: 20px; } #frm_form_3_container .frm_submit { text-align: left !important; } .cfa_title{ font-size: 2.5em; } #frm_form_3_container .frm_button_submit, #frm_form_3_container.frm_final_submit{ width: 250px; padding: 7px 20px; } #frm_form_3_container .wa_controll textarea{ height: auto; } } /*-- CFA End --------------------------------------*/
Formidable Form & Style import File: CFA Form
CFB
Code Only (Without ACF Integration)
HTML
<!--- CFB ---------------------------------------------------> <?php if ( have_rows( 'cfb' ) ) : ?> <?php while ( have_rows( 'cfb' ) ) : the_row();?> <section id="cfb"> <div class="container"> <div class="row"> <div class="col-12 mt-4"> <a name="request" id="request"></a> <h2><?php echo get_sub_field('header'); ?></h2> </div> <div class="col-12 mt-4"> <div class="wa_intcont"> <h2>Request a Unit</h2> <?php echo get_sub_field('contact'); ?> </div> </div> <div class="col-12 mt-4"> <?php echo get_sub_field('map'); ?> </div> </div> </div> </section> <?php endwhile; ?> <?php endif; ?> <!--- CFB END ----------------------------------------------->
CSS
/*--- CFB ---------------------------------------------------*/ #cfb{ margin-top: 30px; } #cfb h2{ font-weight: 100; text-align: center; font-family: 'Teko', sans-serif; color: #798093; font-size: 2.5em; } #cfb iframe{ width: 100%; height: 400px; border: solid 2px #c3c3c3; border-radius: 10px; } #cfb .wa_intcont{ border: solid 2px #c3c3c3; border-radius: 10px; padding: 20px; background-color: #f1f5ff; } #cfb .wa_intcont h2{ font-size: 2em; text-align: left; } /* Large devices (desktops, 992px and up)*/ @media (min-width: 992px) { #cfb h2{ font-size: 5em; } #cfb .wa_intcont h2{ font-size: 4em; } /*--- CFB END ---------------------------------------------------*/
Formidable Import File: CFB