Therapist footer 4

Popup Maker code

<div id="footer-popup_form">
<div class="popup-form-box">
<h2>Get Started Today!</h2>
[wpforms id="192" title="false"]
</div>
</div>

Pattern HTML

<!-- wp:group {"className":"site-footer","backgroundColor":"sixth","layout":{"type":"constrained"}} --> <div class="wp-block-group site-footer has-sixth-background-color has-background"><!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"className":"footer-form","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained","contentSize":"418px"}} --> <div class="wp-block-group footer-form"><!-- wp:image {"id":30,"sizeSlug":"full","linkDestination":"none","align":"center"} --> <figure class="wp-block-image aligncenter size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/03/logo.png" alt="" class="wp-image-30"/></figure> <!-- /wp:image --> <!-- wp:buttons {"className":"white-button","layout":{"type":"flex","justifyContent":"center"}} --> <div class="wp-block-buttons white-button"><!-- wp:button {"className":"popmake-191"} --> <div class="wp-block-button popmake-191"><a class="wp-block-button__link wp-element-button">SEND MESSAGE</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}}} --> <div class="wp-block-column"><!-- wp:group {"className":"footer-info","layout":{"type":"constrained"}} --> <div class="wp-block-group footer-info"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontSize":"35px"}}} --> <h2 class="wp-block-heading" style="font-size:35px">Madeline Wingerath</h2> <!-- /wp:heading --> <!-- wp:group {"className":"footer-phone-email","style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":"var:preset|spacing|15"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} --> <div class="wp-block-group footer-phone-email" style="padding-right:0;padding-left:0"><!-- wp:image {"id":827,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/phone.png" alt="" class="wp-image-827"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|second"}}},"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"second"} --> <p class="has-second-color has-text-color has-link-color" style="font-size:18px;font-style:normal;font-weight:700"><a href="tel:2012937152">(201) 293-7152</a></p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"className":"footer-phone-email","style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":"var:preset|spacing|15"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} --> <div class="wp-block-group footer-phone-email" style="padding-right:0;padding-left:0"><!-- wp:image {"id":828,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/email.png" alt="" class="wp-image-828"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|second"}}},"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"second"} --> <p class="has-second-color has-text-color has-link-color" style="font-size:18px;font-style:normal;font-weight:700"><a href="mailto:maddy@wildrosepsychotherapy.com">maddy@wildrosepsychotherapy.com</a></p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"className":"footer-phone-email","style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":"var:preset|spacing|15"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","verticalAlignment":"top"}} --> <div class="wp-block-group footer-phone-email" style="padding-right:0;padding-left:0"><!-- wp:image {"id":829,"sizeSlug":"full","linkDestination":"none","style":{"spacing":{"margin":{"top":"6px"}}}} --> <figure class="wp-block-image size-full" style="margin-top:6px"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/location.png" alt="" class="wp-image-829"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|second"}}},"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"second"} --> <p class="has-second-color has-text-color has-link-color" style="font-size:18px;font-style:normal;font-weight:700">222 Kinderkamack Road, Suite 102<br>Oradell, NJ 07649</p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"className":"social-links","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"blockGap":"var:preset|spacing|15"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} --> <div class="wp-block-group social-links" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:image {"lightbox":{"enabled":false},"id":830,"width":"13px","sizeSlug":"full","linkDestination":"custom","style":{"spacing":{"margin":{"top":"-5px"}}}} --> <figure class="wp-block-image size-full is-resized" style="margin-top:-5px"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/facebook.png" alt="" class="wp-image-830" style="width:13px"/></figure> <!-- /wp:image --> <!-- wp:image {"lightbox":{"enabled":false},"id":831,"sizeSlug":"full","linkDestination":"custom"} --> <figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/psychologytoday-1.png" alt="" class="wp-image-831"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|second"}}},"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"second"} --> <p class="has-second-color has-text-color has-link-color" style="font-size:18px;font-style:normal;font-weight:700"><a href="https://desmondbarnett.ghtdev.com/privacy-policy/" data-type="page" data-id="15">Privacy Policy</a></p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:paragraph {"align":"left","style":{"elements":{"link":{"color":{"text":"var:preset|color|second"}}},"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"18px"}},"textColor":"second"} --> <p class="has-text-align-left has-second-color has-text-color has-link-color" style="font-size:18px;font-style:normal;font-weight:700">© [current_year] Wildrose Psychotherapy</p> <!-- /wp:paragraph --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->

Pattern CSS

/* site footer --------------------------------------------- */ #site-container .entry-content { position: relative; padding-bottom: 50px; } .home#site-container .entry-content { position: relative; padding-bottom: 0; } footer.wp-block-template-part { margin-top: 0; } #site-container footer h2 { margin-bottom: 15px; } #site-container footer .wpforms-container .wpforms-layout-column .wpforms-field { padding-bottom: 0; } #site-container .footer-form { padding: 40px 40px 32px; } #site-container footer .social-links figure.wp-block-image.size-full:first-child { margin-top: -5px; } #site-container .footer-info .wp-block-group { margin: 0 0 4px; } #site-container .footer-info .footer-logo { padding: 35px 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 28px !important; } #site-container .footer-form .wpforms-container { margin: 0; max-width: 100%; } #site-container footer .wpforms-container .wpforms-submit-container { text-align: center; margin-top: 0; } footer a { text-decoration: none; } #site-container footer .social-links { gap: 10px; } #site-container footer input, #site-container footer select, #site-container footer textarea { border-radius: 0; border: 1px solid #0A8290; font-size: 18px; color: #000; font-family: inherit; padding: 11px 20px; height: 49px; font-weight: 400; background-color: #fff; } #site-container footer textarea { height: 81px } footer .wpforms-field-captcha .wpforms-field-label,footer .wpforms-field-captcha .wpforms-captcha-equation { font-weight: 400; text-transform: capitalize; color: #fff } #site-container footer .wpforms-field-captcha .wpforms-field-label{ margin-bottom: 0; } footer .wpforms-field-captcha .wpforms-field-label,footer .wpforms-field-captcha .wpforms-captcha-math { display: inline-block; font-weight: 400; vertical-align: middle } footer .wpforms-field-captcha .wpforms-captcha-math { margin: 0 15px 0; } footer .wpforms-field-captcha .wpforms-field-label { font-weight: 400; font-weight: 400; margin: 0 5px 4px 0 } footer .wpforms-field-captcha .wpforms-captcha-math * { color: #fff; } footer .wpforms-field-captcha .wpforms-captcha-math br { display: none; } footer .wpforms-field-captcha .wpforms-field-captcha { display: flex; justify-content: center; align-items: center; } footer .wpforms-field-captcha .wpforms-captcha-math input { width: 75px; padding: 10px 5px; font-size: 18px; display: inline-block } footer .wpforms-submit-container { padding-top: 0; margin-top: 0 } footer .wpforms-field.wpforms-field-layout { padding-bottom: 0 } #site-container footer div.wpforms-container-full .wpforms-form button[type=submit] { height: auto; color: #FFF; text-align: center; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 700; line-height: 166%; /* 26.56px */ letter-spacing: 1.28px; text-transform: uppercase; padding: 16px 30px; border-radius: 0; background: var(--wp--preset--color--third); } #site-container footer .wpforms-field-captcha { display: flex; align-items: center; justify-content: center; } #site-container footer .wpforms-form button[type=submit]:hover { background-color: var(--wp--preset--color--fifth) !important; color: #fff!important } footer div.wpforms-container-full .wpforms-form button[type=submit]:after { display: none; } #site-container footer .wpforms-container .wpforms-field { padding: 0 0 11px; } #site-container footer .wpforms-container .wpforms-submit-container br { display: none; } footer .wpforms-container-full em.wpforms-error { color: #fff; display: inline-block; margin-top: 0; background: #000; z-index: 9; padding: 5px 5px 5px 10px } footer .wpforms-container-full em.wpforms-error:before { background-color: #fff } #site-container footer div.wpforms-container-full .wpforms-field-label, footer .wpforms-field-captcha .wpforms-captcha-math * { color: #000; font-size: 18px; font-style: normal; font-weight: 400; line-height: 166%; /* 29.88px */ margin-bottom: 0; } #site-container footer .wpforms-container .wpforms-submit-container { text-align: center; } #site-container footer ::-webkit-input-placeholder { color: #000; opacity: 1 } #site-container footer :-moz-placeholder { color: #000; opacity: 1 } #site-container footer ::-moz-placeholder { color: #000; opacity: 1 } #site-container footer :-ms-input-placeholder { color: #000; opacity: 1 } .footer-info .wp-block-group { gap: 15px; } #site-container .footer-info { padding-left: 0; padding-top: 0; } #site-container .site-footer { padding: 50px 0 35px; } .footer-info figure.wp-block-image.size-full { display: flex; } .site-footer .footer-info a[href^="mail"]:link{ text-decoration: underline; } .footer-info .footer-phone-email.wp-block-group .has-text-color:first-child{ position: relative; } .footer-info .footer-phone-email.wp-block-group .has-text-color:first-child::after { content: ''; width: 1px; height: 23px; background: rgba(0, 0, 0, 0.20); position: absolute; right: -23px; top: 3px; } .home #site-container .entry-content{ position: relative; } .home #site-container .entry-content:after { content: ''; width: 100%; height:163px; background: url("assets/images/footer-fade.png"); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: 0; bottom: 0; } /* popup form styling --------------------------------------------------- */ .pum-theme-default-theme-2 { background-color: rgba( 0, 0, 0, 0.5) !important; } #footer-popup_form { padding: 0 0 0 0; position: relative; background: #425AF5; display: flex; align-items: center; overflow: hidden; margin-bottom: 60px; } #footer-popup_form .popup-form-box { max-width: 400px; padding: 55px 0; margin: 0 auto; width: 100%; } body .pum.pum-overlay .pum-container.popmake .wpforms-field:first-child { padding-top: 0; } #footer-popup_form .popup-form-box h2 { color: #FFF; font-weight: 700; line-height: normal; text-align: center; padding-bottom: 0; margin-bottom: 10px; } #footer-popup_form .wpforms-container label.wpforms-error,#footer-popup_form .wpforms-container em.wpforms-error{ color: #fff !important; } body .pum.pum-overlay .pum-container.popmake { background: transparent; padding: 0; border: none; box-shadow: 0 0 0 0px rgba( 2, 2, 2, 0.23 ); } body .pum.pum-overlay .pum-content.popmake-content { text-align: center; font-weight: 400; } body .pum.pum-overlay .pum-container.popmake .wpforms-container-full { margin: 0 auto; } body .pum.pum-overlay .pum-container.popmake .wpforms-field { padding: 10px 0 0; text-align: center; } body .pum.pum-overlay .pum-container.popmake input, body .pum.pum-overlay .pum-container.popmake select, body .pum.pum-overlay .pum-container.popmake textarea { background: #fff; border-radius: 0; border: 1px solid #999; font-size: 18px; color: #000; font-family: inherit; padding: 11px 20px; height: 45px; } body .pum.pum-overlay .pum-container.popmake textarea { height: 81px; } body .pum.pum-overlay .pum-container.popmake .wpforms-container .wpforms-form :-moz-placeholder { color: #000; opacity: 1; } body .pum.pum-overlay .pum-container.popmake .wpforms-container .wpforms-form ::-moz-placeholder { color: #000; opacity: 1; } body .pum.pum-overlay .pum-container.popmake .wpforms-container .wpforms-form :-ms-input-placeholder { color: #000; opacity: 1; } body .pum.pum-overlay .pum-container.popmake .wpforms-container .wpforms-form ::-ms-input-placeholder { color: #000; opacity: 1; } body .pum.pum-overlay .pum-container.popmake .wpforms-container .wpforms-form ::-webkit-input-placeholder { color: #000; opacity: 1; } body .pum.pum-overlay .pum-container.popmake .wpforms-container .wpforms-form ::placeholder { color: #000; opacity: 1; } body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha label, body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha .wpforms-captcha-equation { font-size: 18px; color: #fff; font-weight: 700; } body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha label, body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha .wpforms-captcha-math { display: inline-block; vertical-align: middle; } body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha label { font-weight: 700; margin: 0 5px 4px 0; font-size: 18px; color: #fff; } body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha label .wpforms-required-label { display: none; } body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha .wpforms-captcha-math input { width: 75px; padding: 10px 5px; font-size: 19px; display: inline-block; } body .pum.pum-overlay .pum-container.popmake .wpforms-submit-container { padding-top: 10px; margin-top: 0; text-align: center; } body .pum.pum-overlay .pum-container.popmake .wpforms-submit-container button { height: auto; display: inline-block; padding: 16px 31px; color: #000; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal; border-radius: 0; background-color: #fff; letter-spacing: 0.75px; text-transform: uppercase; } div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50:last-child { padding-left: 0; } body .pum.pum-overlay .pum-container.popmake .wpforms-submit-container button:after{ display: none; } body .pum.pum-overlay .pum-container.popmake .wpforms-submit-container button:hover { background: var(--wp--preset--color--fourth) !important; color: var(--wp--preset--color--first) !important; } body .pum.pum-overlay .pum-container.popmake button.pum-close.popmake-close { font-family: inherit; background: transparent; font-size: 0 !important; width: 22px; height: 22px; border-radius: 50px; padding: 0; font-weight: 500; line-height: 1; right: 10px; color: transparent; top: 10px; font-size: 35px; background: url("assets/images/close.png") no-repeat; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0 ); } .pum-theme-default-theme { background: rgba(0, 0, 0, 0.60) !important; } @media only screen and (max-width: 980px) { #site-container .footer-form { padding: 0; } #site-container .footer-info .wp-block-group { margin: 0 0 10px; justify-content: center; text-align: center; } #site-container .footer-info .wp-block-group p { text-align: center; } } @media only screen and (max-width: 600px) { body .pum.pum-overlay .pum-container.popmake { max-width: 100% !important; min-width: 97% !important; left: 5px !important; } }