Constant Contact Form

by Louis Walch

HTML

<div id="constant_contact_form_embed">

    <!-- Begin Constant Contact Inline Form Code -->
    <div class="ctct-inline-form" data-form-id="4793fa25-0f72-4f81-bd28-bf921ea76712"></div>
    <!-- End Constant Contact Inline Form Code -->
</div>
    
<!-- Begin Constant Contact Active Forms -->
<script> var _ctct_m = "09e7079ba32791f263af79446463838c"; </script>
<script id="signupScript" src="//static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js" async defer></script>
<!-- End Constant Contact Active Forms -->

SCSS

BODY {
    background-color: black;
    padding: 20px;
}
#constant_contact_form_embed {
    position: relative;
    .ctct-form-defaults {
        background-color: transparent;
        padding: 0;
    }
    .ctct-form-custom {
        min-height: 0;
    }
    .ctct-form-field {
        padding: 0;
        margin: 0;
    }
    LABEL {
        display: none;
    }
    #email_address_0 {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0 40px 0 0;
        background-color: transparent;
        color: white;
        border-bottom: 1px solid #626262;
    }
    #gdpr_text {
        display: none !important;
    }
    .ctct-form-button {
        opacity: 0.8;
        background: transparent url('https://dedalus.wpengine.com/wp-content/themes/dedalus-foundation/public/images/arrow-right.svg') no-repeat right center;
        position: absolute;
        bottom: 4px;
        right: 0;
        width: 30px;
        height: 35px;
        text-indent: -9999px;
        border-radius: 0;
        border: 0;
        &:hover {
            opacity: 1;
        }
    }
    .ctct-form-footer {
        display: none;
    }
    .ctct-form-success {
        .ctct-form-header {
            /* Add headline style */
        }
        .ctct-form-text {
            /* Add small text style */
        }
    }
}
.grecaptcha-badge {
    display: none !important;
}

JavaScript

setTimeout(function() {
	document.getElementById("email_address_0").placeholder = "Email Address";
}, 500);