Information Request Form

Hello,

How do I ensure the information request form (Get info based on your study level) block below the header slider sends the form to the appropriate recipient? What 'action' info should be filled out in the HTML code?

Pls advice. Thanks.

Hello,

This section is only example html code - it doesn't work. You can add a newsletter like Mailpoet here or create own form using i.e. Contact Form 7 plugin.

I am using the contact form 7 plugin and have generated a shortcode for a form. When using that in tandem with your code to get the 'hat' icon and the text at the start of the form, it's not aligning correctly.

This is the code I am using in the widget:
<form class="gk-information">
<div><strong>Get info based on<br /> your study lavel</strong></div></form>
[contact-form-7 id="2834" title="Get Info"]

Pls advice. You can view it on the home page.

Try to add the following custom css code:

Code: Select all


.gk-information {
   float: left;
}
.gk-information + .wpcf7 {
   float: right;
   width: 80%;
}
.gk-information > div > strong {
   width: 100%!important;
}

#wpcf7-f2834-o1 input {
   width: 24%;
}


The code does put the form on the same line but the alignment is still off and I can't figure out why the 'request information' button is on the left and not on the right of the form. I have tried playing around with the contact form 7 but can't figure out the buttom placement.

Pls see screenshot. Pls advice.

Thank you.

Please add also this code to move the submit button to the right:

Code: Select all

.wpcf7 input[type="submit"] {
   float: right;
}


Hi,

The code works great. Thanks. But I still see that the get info text and the form are not aligned like in your demo site. Please see screenshot and advice.

Thank you once again for your support.

Could you send me URL to your website again? Because on the website you've provided I can's see these css modifications.

sent you via PM

This is the full code for this section:

Code: Select all

.gk-information {
   float: left;
}
.gk-information + .wpcf7 {
   float: right;
   width: 80%;
}
.gk-information > div > strong {
   width: 100%!important;
}

#wpcf7-f2834-o1 input {
   width: 23%;
   margin-left:1%;
}

.wpcf7-form {
    margin-top: 27px;
}

.wpcf7 input[type="submit"] {
   float: right;
}


should be fine now.

Thanks. It's perfect.