Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #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.
    #632423

    Hey 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,
    Vinay

    #634078

    Hi, 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.
    Thanks

    #634901

    Hi,

    I’m sorry but the login credentials that you provided are not working even on the new domain. Please check it carefully.

    Best regards,
    Ismael

    #634919

    sorry, autocorrection as always. Please check again. I have updated it. Thanks

    p.s. it is still on the old domain

    #634923

    Hi,

    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.
    #634974

    thank 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 7

    #634981

    sorry, 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…

    #635766

    Hey!

    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,
    Vinay

    #636301

    thanks. 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

    #636608

    Hi,

    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,
    Vinay

    #641753

    ah 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.

    #642637

    Hi!

    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.
    #642727

    Thank 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?

    #642730

    Hi!

    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,
    Vinay

    #642736

    Thank 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?

    #642742

    ah… 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 ))???

    #642968

    Hi,

    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,
    Vinay

    #642990

    great! 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?

    #642994

    Hi,

    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,
    Vinay

    #643027

    thank you.

    I have changed the form number and got different result. could you please check the test page

    Thank you

    #643464

    Hi,

    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

Viewing 22 posts - 1 through 22 (of 22 total)
  • You must be logged in to reply to this topic.