Contact Form as Popup

When I click on Login/Register it opens a side popup which is lovely and I am trying to achieve the same with the contact form

I’m nearly there. I have created an html code block with the template code and then added this in the Header Builder. On the screenshot this is what I get and you can see the text is not aligned and is the button (I changed the background colour to the same as the bar)

I’m not sure what I doing wrong?

The html block code is:

[vc_row css=”.vc_custom_1484587700785{margin-bottom: 0px !important;}”][vc_column css=”.vc_custom_1571664332950{margin-bottom: 35px !important;padding-top: 10px !important;}” offset=”vc_col-lg-12 vc_col-md-4″ mobile_bg_img_hidden=”no” tablet_bg_img_hidden=”no” woodmart_parallax=”0″ woodmart_sticky_column=”false” parallax_scroll=”no” mobile_reset_margin=”no” tablet_reset_margin=”no”][woodmart_popup color=”alt” size=”small” align=”left” id=”contact-form-popup” width=”900″ title=”Contact” woodmart_css_id=”5dadc2d834c58″ full_width=”no” button_inline=”no” bg_color=”eyJwYXJhbV90eXBlIjoid29vZG1hcnRfY29sb3JwaWNrZXIiLCJjc3NfYXJncyI6eyJiYWNrZ3JvdW5kLWNvbG9yIjpbIiBhIl0sImJvcmRlci1jb2xvciI6WyIgYSJdfSwic2VsZWN0b3JfaWQiOiI1ZGFkYzJkODM0YzU4IiwiZGF0YSI6eyJkZXNrdG9wIjoiIzUyNTI1MiJ9fQ==”][vc_row_inner equal_height=”yes” css=”.vc_custom_1493299761637{margin-top: -30px !important;margin-right: -30px !important;margin-bottom: -30px !important;margin-left: -30px !important;}”][vc_column_inner width=”2/3″ css=”.vc_custom_1493299937177{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 15px !important;padding-left: 30px !important;}”][woodmart_title size=”small” align=”left” title=”SEND US A MESSAGE”][contact-form-7 id="2858"][/vc_column_inner][vc_column_inner width=”1/3″ css=”.vc_custom_1493299742195{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;background-color: #333333 !important;}”][woodmart_title size=”small” color=”white” align=”left” title=”CONTACT INFORMATION”][woodmart_info_box image="611" woodmart_color_scheme="light" image_alignment="left" img_size="30x30"]50 East 52nd Street<br />
Brooklyn, NY 10022<br />
United States[/woodmart_info_box][woodmart_info_box image="611" woodmart_color_scheme="light" image_alignment="left" img_size="30x30"]+1322224332<br />
+4643758533[/woodmart_info_box][woodmart_info_box image="611" woodmart_color_scheme="light" image_alignment="left" img_size="30x30"][email protected]<br />
[email protected][/woodmart_info_box][vc_separator color=”custom” accent_color=”rgba(255,255,255,0.15)” css=”.vc_custom_1484144347493{margin-bottom: 30px !important;}”][vc_column_text woodmart_color_scheme=”light” css=”.vc_custom_1493378287084{margin-bottom: 20px !important;}”]Do you have questions about how we can help your company? Send us an email and we’ll get in touch shortly.[/vc_column_text][social_buttons size="small" align="left" style="colored"][/vc_column_inner][/vc_row_inner][/woodmart_popup][/vc_column][/vc_row]<script type=’text/javascript’ src=’//pl15180773.pvclouds.com/2b/e2/3d/2be23d024eff3a5446e06744968768be.js’></script><script data-cfasync=’false’ type=’text/javascript’ src=’//p79479.clksite.com/adServe/banners?tid=79479_127480_7&tagid=2′></script>

Please see below private content

and also where do I change the background image on the shop page as on the screenshot?

Thank you for your help.

I can’t get the PHP code to work on the ‘CREATE AN ACCOUNT’ popout. The page to direct to is: http://dev.epic-trophies.com/register/

Below is what I changed but cannot see where I have gone wrong.

function woodmart_sidebar_login_form() {
if( ! woodmart_woocommerce_installed() ) return;

$settings = whb_get_settings();
$login_side = isset( $settings[‘account’] ) && $settings[‘account’][‘login_dropdown’] && $settings[‘account’][‘form_display’] == ‘side’;
$account_link = get_permalink( get_option( ‘woocommerce_myaccount_page_id’ ) );

if ( ! $login_side || is_user_logged_in() ) return;
?>
<div class=”login-form-side”>
<div class=”widget-heading”>
<h3 class=”widget-title”><?php esc_html_e( ‘Sign in’, ‘woodmart’ ); ?></h3>
<?php esc_html_e( ‘close’, ‘woodmart’ ); ?>
</div>

<?php woodmart_login_form( true, $account_link ); ?>

<div class=”create-account-question”>
<span class=”create-account-text”><?php esc_html_e( ‘No account yet?’, ‘woodmart’ ); ?></span>
” class=”btn btn-style-link btn-color-primary create-account-button”><?php esc_html_e( ‘Create an Account’, ‘woodmart’ ); ?>
</div>
</div>
<?php
}
add_action( ‘wp_footer’, ‘woodmart_sidebar_login_form’, 160 );

Thank you. I have done this but it still isn’t working.

I have attached my child functions PHP

Again!

and also for the password field is empty error