-
AuthorPosts
-
May 12, 2016 at 4:23 pm #631453
HI,
I n one of you thread I saw the same question that I have, but unfortunately the answer was in private content. Could you also please help me to apply the same styles to a contact form created with CF7 plugin as in your demo shop http://goo.gl/sjdozu.I want those 2 fields to look exactly as on you demo, but be managed by contact 7
Please see the login details in private content. I hope you can help me to style the form.
Thank you in advance
- This topic was modified 8 years, 7 months ago by comelen.
May 15, 2016 at 4:17 am #632423Hey comelen,
We will gladly help you with this issue. Please find detailed information in this post https://kriesi.at/support/topic/contact-form-7-enfold-contact-form-identical-styling/ If you have any questions please feel free to let us know…
Best regards,
VinayMay 17, 2016 at 11:24 pm #634078Hi, thank you very much. I followed the steps in that ticket, but I might understand not well. this didn’t work for me unfortunately(((
Could you please help me to do it?
I created a new custom css in general styling, but I am not sure how to paste the short code.I need my contact 7 form to look exactly as here: https://www.dropbox.com/s/jigovxv47vksilo/Screenshot%202016-05-17%2017.22.48.png?dl=0
Hope you can help soon.
ThanksMay 19, 2016 at 5:13 am #634901Hi,
I’m sorry but the login credentials that you provided are not working even on the new domain. Please check it carefully.
Best regards,
IsmaelMay 19, 2016 at 5:58 am #634919sorry, autocorrection as always. Please check again. I have updated it. Thanks
p.s. it is still on the old domain
May 19, 2016 at 6:02 am #634923Hi,
We are working on this ticket please await for a reply soon.Please check the test page in private content.
Do check the css class added to contact form 7 in Contacts > forms > _enfold test
and the css added in Quick CSS on the top :)
Let us know if you have any questions.
Best regards,
Vinay- This reply was modified 8 years, 7 months ago by Vinay.
May 19, 2016 at 6:48 am #634974thank you. I just changed the domain to … (in private)
I would like all my subscribers to go directly to the mailchimp list. For different form I have different lists. In one of my other ticket I asked if it is possible with the enfold form and got the answer – no. this is why I have to stay with contact 7May 19, 2016 at 6:53 am #634981sorry, I just saw your updated message above.
I think you didn’t understand me correct. Or I might explained not well.I need the form to be exactly as it it on this picture : https://www.dropbox.com/s/jigovxv47vksilo/Screenshot%202016-05-17%2017.22.48.png?dl=0
the same 3 inline fields with the white frame and text inside “Name”, “E-mail*”, “Subscribe”
sorry that it takes more steps…
May 20, 2016 at 8:14 am #635766Hey!
Take a look at the test form I have created in Dashboard > Contacts > Enfold test
The < p> tags has specific class. You can create a new subscribe form and add the class names to the < p> tag to achieve the same. Once the structure is in place we can then add same style to the input field so it looks like a part of the theme.
I need little more time to work on this customisation in the meantime if you like to give it a try please feel free.
Best regards,
VinayMay 22, 2016 at 4:07 am #636301thanks. I appreciate. its a good start. I will be waiting for your message. I hope you can help me style it exactly as the one in the screenshot. I am sure it ill help not only me, but many people will be glad to have it.
Thank you
May 23, 2016 at 8:35 am #636608Hi,
I tried to troubleshoot this issue but the login URL is not opening for me. Would you mind checking once again and then send us working link and login credentials?
Best regards,
VinayJune 1, 2016 at 10:48 pm #641753ah sorry, I have changed the domain name already. Please see the private content
Could you please also clarify for me where I can find the subscribers list who has already subscribed to the default form on the main page.
Thank you.
June 3, 2016 at 5:23 pm #642637Hi!
Styling contact form 7 to match enfold will work great on contact forms. Contact form 7 is not compatible with mailchimp right out of the box. You need to use additional plugins to make it work with mailchimp.
I tested the default mailchimp form and it works fine and looks exactly like how you like it. (please check private link) May I know the reason why you want to use CF7 for mailchimp?
You are using a regular contact form all the subscribed emails will be sent to the email address (in private) used in the form.
Regards,
Vinay- This reply was modified 8 years, 6 months ago by Vinay.
June 3, 2016 at 9:55 pm #642727Thank you so much! I just checked the link and it looks nice! I will check the admin now and see how you did it. I may have more questions later.
I use contact 7 with mailchimp already and it works for me.
as I said earlier: I would like all my subscribers to go directly to the mailchimp list. For different form I have different lists. In one of my other ticket I asked if it is possible with the enfold form and got the answer – no. this is why I have to stay with contact 7
right now I have other problem… all my emails from the website goes to the spam folder ((( is there anything I can do to receive them to the inbox?
June 3, 2016 at 10:00 pm #642730Hi!
I’m sorry i think there was a miscommunication earlier but you can use as many different list you want with enfold default mailchimp element. I have just created an addition mailchimp element using different list please check both the examples :)
Best regards,
VinayJune 3, 2016 at 10:06 pm #642736Thank you! Its great! so it solves the problem with contact form styling ) LOL ) Is it something very new or it was there always? I haven’t seen this feature and I was told I can’t use lists.
Ok, so when a person subscribes, his email goes to the chosen list, right? what about the name? will Mailchimp record his name?
June 3, 2016 at 10:19 pm #642742ah… here we go…..
I was talking about the contact form, which I use on my home page, but you created the form using “mailchimp signup form”
When the person signs up to the contact form (default by Enfold), he will receive an automatic email, generated by Enfold and his email and name will NOT be saved in mailchimp list as there is no option to do so.
If the person signs up to Mailchimp signup form (the one you used) – he can only receive automatic email generated by mailchimp (which is not a free feature) and his email will be saved in a chosen list.
If the person signs up to the contact 7 form (which we need to style), he can receive an automatic email from Contact form and his name and email will be saved in mailchimp.
That is why my only option is to have contact 7 form – its free, I save email to the mail chimp list and I have automatically generated email.
So here we are. My question is here again ) how to style Contact7 form to be exactly as on the current home page ))???
June 4, 2016 at 5:44 pm #642968Hi,
Thank you and got it!
We added the below css in quick css
/* Custom Contact Form*/ .custom-form input[type='text'],.custom-form input[type='email'],.custom-form input[type='submit'] { background: transparent!important; border:2px solid #FFF!important; border-radius: 3px!important; min-width: 100%!important; color:#FFF!important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 4px 10px!important; line-height: 40px!important; float: left!important; } .custom-form input[type='submit']:hover { background: #000!important; } .custom-form input[type='submit'] { transform: translateY(73px); } .custom-form p { color:white; width: calc(32% - 5px); display: inline-block; margin-right: 10px; } @media only screen and (max-width: 767px) { .custom-form p { width: 100%; display: inline-block; margin-right: 0px; } .custom-form input[type='submit'] { transform: none; }}
Then setup a contact form 7 fields and wrapped it in a div with class “custom-form”.
Please review the example page link.
Best regards,
VinayJune 4, 2016 at 7:50 pm #642990great! Thank you! This is what I meant!
Just 1 small question. if it is possible to put the text inside the boxes? or does it require a lot of coding?June 4, 2016 at 8:02 pm #642994Hi,
You are most welcome, to add the label inside the input text field please refer to this link http://contactform7.com/setting-placeholder-text/ :)
Best regards,
VinayJune 5, 2016 at 12:52 am #643027thank you.
I have changed the form number and got different result. could you please check the test page
Thank you
June 6, 2016 at 2:51 pm #643464Hi,
The form is missing labels which is causing the submit button to jump down. This works great if all form fields are wrapped in
<p > tag and regular form labels :) It would be a lot of work to make the form labels work inline in input filed and you will probably need to hire a freelancer.Best regards,
Vinay -
AuthorPosts
- You must be logged in to reply to this topic.