Add upload CV option to Contact Form - Support | Kriesi.at

Viewing 21 posts - 1 through 21 (of 21 total)

Author

Posts
March 14, 2016 at 2:24 pm #597718

onedesignprint
Participant

Hi
I would like to add an upload CV link to contact form

Under section ‘Looking for work?’

Thanks

March 14, 2016 at 2:39 pm #597741

Yigit
Keymaster

Hi onedesignprint!

Please try using a plugin such as – https://wordpress.org/plugins/contact-form-7/
See documentation here – http://contactform7.com/file-uploading-and-attachment/

Regards,
Yigit

March 17, 2016 at 4:59 pm #599729

onedesignprint
Participant

Hi Yigit

I have used contact form 7 and added form under looking for job.

But how do I get the styling the same as the theme contact forms?

March 21, 2016 at 8:04 am #601088

Vinay
Inactive Moderator

Hey!

Please check this post and CSS code to style cf7 form to match enfold style

Contact form 7 & Enfold contact form: identical styling

Regards,
Vinay Kashyap

March 21, 2016 at 5:01 pm #601359

onedesignprint
Participant

Hi Vinay

Sorry I do not understand. Do you mean, put the following into custom css?

#cf7-contact-form .wpcf7 .col-50p {
width: calc(50% – 5px);
display: inline-block;
margin-right: 10px!important;
}
#cf7-contact-form .wpcf7 .col-50p.fright {
float: right!important;
margin-right: 0px!important;
}

@media only screen and (max-width: 480px) {
#cf7-contact-form .wpcf7 .col-50p {
width: 100%;
display: block;
margin-right: 0px!important;
}
}

and then <div id=”contact-form-7 id=”116″ title=”Untitled”> into text box?

Thanks

March 23, 2016 at 7:54 am #602367

Vinay
Inactive Moderator

Hey!

We can setup a test page it would be easier for you to then look at it and make changes please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

Cheers!
Vinay Kashyap

March 23, 2016 at 2:15 pm #602508

onedesignprint
Participant

Ok that would be great.

Thanks!

March 23, 2016 at 6:45 pm #602725

Vinay
Inactive Moderator

Hey!

We have setup a demo please find the link in private content. However we could not test it as your permalink settings seem to be different and the pages are not opening. Please let us know if changes were made to these settings as the pages were not opening in the frontend. Check this link to reset permalink https://codex.wordpress.org/Settings_Permalinks_Screen

Best regards,
Vinay

March 23, 2016 at 7:08 pm #602744

onedesignprint
Participant

What pages are not opening? I have checked the demo, it still does not have the styling of the theme, that is what I require.
Thanks

March 24, 2016 at 4:27 pm #603209

onedesignprint
Participant

Vinay, any update?

March 26, 2016 at 4:06 pm #603856
Josue
Inactive Moderator
Hey!

An alternative method would be to apply the following (HTML part):

MailChimp 4 WordPress Integration

The CSS would be this instead:
```
.wpcf7-form, .wpcf7-response-output{
  clear:both;
}

.wpcf7-form-control-wrap {
  display: block !important
}

.wpcf7-form p br{display:none;}
.wpcf7-form label {display:block; visibility: visible; position: relative; }
.wpcf7-form label, .modified_width:before{display:block; visibility: visible; position: relative; margin-bottom: 7px; font-weight: 600;}

.wpcf7-form p{ position: relative; clear:both; float:left; width:100%;}
.wpcf7-form p.hidden{position: absolute; width:0px; left:0; top:0; }
.wpcf7-form .form_element_half{width:49.5%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_third{width:32.6%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_two_third{width:66.4%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_fourth{width:24.2%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_three_fourth{width:74.8%; float:left; margin-left:1%; clear:none;}

.wpcf7-form .first_form{clear:both;margin-left:0;}

#top .wpcf7-form .wpcf7-text, #top .wpcf7-form .wpcf7-select, #top .wpcf7-form .wpcf7-textarea{
  width:100%;
  margin-bottom:0;
  display:inline;
  min-width:50px;
  padding:13px;
  border-radius: 2px;
}

#top .wpcf7-form .wpcf7-select{
 -webkit-appearance: none;
 border-radius:0px;
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
 background-position: center right;
 background-repeat: no-repeat;
 border-radius: 2px;
}

.wpcf7-form .button {
  margin: 0;
  padding: 16px 20px;
  border-radius: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-weight: normal;
  font-size: 12px;
  min-width: 142px;
  outline: none;
}

.wpcf7-form p input, .wpcf7-form p textarea, .wpcf7-form p select{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:  all 0.3s ease-in-out;
  transition:     all 0.3s ease-in-out;
}
```
Cheers!
Josue
March 29, 2016 at 11:42 am #604374

onedesignprint
Participant

Hi, this does not work. I think I have not been very clear!
Basically what I need is an upload document link adding to the contact form.
Is there some code that can be added to ‘Custom HTML’ in contact form?

March 29, 2016 at 12:08 pm #604404
Josue
Inactive Moderator
It’s not that simple, adding that markup won’t work because there also needs to be a backend processing for the file, although this can be coded into the Enfold form it would be more convenient to use a form plugin which includes this feature built-in.

If you want, try setting a CF7 form with the upload file and test it out, once you get it working we can skin it for you so it looks exactly the same as the Enfold one.

Regards,
Josue
- This reply was modified 8 years, 8 months ago by Josue.
March 29, 2016 at 12:15 pm #604413

onedesignprint
Participant

Ok, is it best to use contact form 7?
But the problem with that is, I can not get it to look like the theme style.
You suggested using mailchimp plugin, but that info would go to mailchimp account (it needs to go to an email address)
Please help, I am running out of ideas!!

March 29, 2016 at 12:28 pm #604422

Josue
Inactive Moderator

Ok let’s keep it simple, do not worry about the styling for now. Try setting a CF7 form with the upload file and test it out, once you get it working i’ll take care of the skin so it looks exactly like the Enfold one.

March 29, 2016 at 1:24 pm #604504

onedesignprint
Participant

Hi Josue
I have now added cf7 form, if you can re style please
Thanks!

March 29, 2016 at 1:37 pm #604514

Josue
Inactive Moderator

Done.

March 29, 2016 at 2:12 pm #604546

onedesignprint
Participant

Looks great!
But form has following error message ‘One or more fields have an error. Please check and try again.’ when it is filled in.
It was working fine before the changes, any ideas??
Thanks

March 30, 2016 at 12:54 am #604864

Josue
Inactive Moderator

Test it now.

March 30, 2016 at 6:51 pm #605370

onedesignprint
Participant

Great it works!
Thanks alot for your help Josue

March 30, 2016 at 11:59 pm #605557

Josue
Inactive Moderator

You are welcome, glad to help :)

Regards,
Josue
Author

Posts

Viewing 21 posts - 1 through 21 (of 21 total)

You must be logged in to reply to this topic.