![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: CONTACT FORM, contact form 7, file upload
-
AuthorPosts
-
June 4, 2021 at 2:14 pm #1304033
Hi!
Unfortunately, I just realized there´s no option for adding a button to upload a file in the Enfold contact form. I have already got the design cleared by the client but now they want job applications together with a CV to be sent with the contact form as well. Bummer. I have tried to style Contact Form 7 with help from your guide but I’d like the form titles to be inside of the fields instead of above them like it is now. Is this possible? Link to page with both the Enfold Contact form (that I prefer ) and the Contact form 7.
I´d really appreciate if you guys could help me to present a contact form to my client that looks like the one in Enfold. So much cleaner.
Regards, Roger
June 4, 2021 at 2:26 pm #1304040Hey Roger,
Thanks for contacting us!
Yes, that is possible by using placeholders – https://contactform7.com/setting-placeholder-text/ :)
Regards,
YigitJune 4, 2021 at 2:36 pm #1304048Hi Yigit!
Wow, that was fast! Just went for a cup of coffee and saw your reply when I got back :)
It works great with placeholders but the font is in some serif now. How can I get the same font as the rest of the site? I´m currently using Railway with all weights uploaded as well.Regards, Roger
June 4, 2021 at 2:42 pm #1304051Hi Roger,
If you would like font to match Enfold contact form, please add following code to bottom of Quick CSS field
#top .wpcf7-form input[type="text"], #top .wpcf7-form input[type="email"], #top .wpcf7-form .wpcf7-textarea { font: 1em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; }
Currently font is set to Railway however I do not think it is loading properly. If you would like us to look into it, please create a temporary admin logins and post them here privately :)
Best regards,
YigitJune 4, 2021 at 3:07 pm #1304061Hi again,
Thank you! Now I just want the fields to be tighter together. Too much space between them now compared to Enfolds nice looking form :).
Hmm yes, the Railway font is pretty awkward. I thought it was the one used. In the advanced editor the weights chosen says this.
static(100.200,300.400,500,600,700,800,900) The corresponding weight works, but something´s fishy for sure.I´d be very happy if you could have a look at this. Only problem is the client have said OK to everything as it is now. If the font would change all together if it’s not Railway that’s displaying now? I took away Railway as font in the custom CSS for Contact Form 7 now.
Regards, Roger
June 4, 2021 at 3:54 pm #1304084Hi,
1- There were BR tags in between fields so I added following code to bottom of Quick CSS field
.wpcf7-form br { display: none; }
2- I actually thought you were using Railway font which is not included however it seems like you are using Raleway google font and that is included and font seems to be same in both contact forms at the moment :)
Regards,
YigitJune 4, 2021 at 6:28 pm #1304123Hi!
Ah that saved my day, thank you!
Yes I use the Google Raleway. Is it normal that the uploaded fonts are named “static” in the Advanced styling panel?Have a great weekend!
RogerJune 7, 2021 at 12:55 pm #1304400Hi Roger,
Thanks! I hope you had a great weekend!
Folder was named “static” so it showed up as that. I renamed it and then re-uploaded the file so now it correctly reads Raleway. I set font families back to Raleway in Enfold theme options > Advanced Styling however I might have missed some. Could you please check it? :)
Best regards,
YigitJune 7, 2021 at 1:54 pm #1304412Hi Yigit,
Thank you so much! I never looked in the downloaded folder from Google. No wonder the font is called static. Well, now I know better next time :D
I just changed to Raleway in a few more places in the Advanced styling tab and everything is ok now.
Thank you again!
Regards, RogerJune 7, 2021 at 1:59 pm #1304414Hi Roger,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit -
AuthorPosts
- The topic ‘No option for file upload in Enfold contact form – Contact form 7?’ is closed to new replies.