Contact form 7

- 9 years, 11 months ago Maja
  Participant
  
  Expired
  
  I am now building contact forms for my website, but am a bit disappointed with how not customizable this form is, the gaps between the fields are to big, and the kind of border or frame that shows after clicking send button just looks like some kind of error, I have checked your demos and can see it looks like that in many of them (so probably in all) is there any way I could customize the form? or can you do something that will change or remove this weird piecemeal frame after submitting?
  
  Thank you
- 9 years, 11 months ago Ruco
  Keymaster
  Hello,
  
  Please add these css lines at Custom css box:
  
  div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng { border: 0px;} .wpcf7-form p { margin-top: 5px; margin-bottom: 5px; }
  
  It will remove the box after send is clicked and will decrease the distance between inputs.
  
  Best regards!
  - 9 years, 9 months ago privacylab
    Participant
    
    Expired
    
    I added the code at the end of the file style.css (at Appearance -> Editor), but nothing happens – see screenshot: 150206_privacylab_contactform_style.jpg
    
    Please help! Thanks :)
- 9 years, 11 months ago Maja
  Participant
  
  Expired
  
  Thank you for that,
  
  I have inserted it in the general options- custom css code, got the error message to remove div, which i did, and saved and no changes, have tried several times
  
  thanks
- 9 years, 11 months ago Ruco
  Keymaster
  
  Hello,
  
  Sorry for the inconvenience.
  Please add the code at the end of the file style.css, at Appearance -> Editor.
  
  Best regards!
- 9 years, 11 months ago Maja
  Participant
  
  Expired
  
  Works, thank you Ruco.
- 9 years, 9 months ago Ruco
  Keymaster
  
  Hello,
  
  Please try again to add the code at Custom Css Code, and add !important for each css style , ex. border: 0px !important;
  
  Make sure you have the latest theme version.
  
  If it still don’t succeed please write your site credentials in a private reply and I can do it for you.
  
  Best regards!
- 9 years, 9 months ago privacylab
  Participant
  
  Expired
  
  This reply has been marked as private.
- 9 years, 9 months ago Ruco
  Keymaster
  
  Hello,
  
  I fixed it, please take a look.
  
  Best regards!
- 9 years, 9 months ago privacylab
  Participant
  
  Expired
  
  Hi Ruco,
  
  Just tried the contact form on the ‘Gratis training’-page and it still shows the weird border after submit: 150303_privacylab_contactform_style_v2.jpg
  
  The same goes for the contact form on the ‘Contact’-page: 150303_privacylab_contactform_style_v3.jpg
  Again on the ‘Beveiligingsbewustzijn’-page and ‘Informatiebeveiligingsbeleid’-page.
  
  Please have another look. Thanks!
- 9 years, 9 months ago Mirela
  Participant
  Hello,
  
  @privacylab , Please go to file style.css and find this line:
  
  div.wpcf7-mail-sent-ok { border: 2px solid #398f14; }
  
  edit it to this:
  
  div.wpcf7-mail-sent-ok { /* border: 2px solid #398f14; */ }
  
  Best regards!
- 9 years, 8 months ago privacylab
  Participant
  
  Expired
  
  Hi Mihaila,
  
  Thanks for your reply. I can’t seem to find the line of code you mention. I checked the style.css file and there is no mention of div.wpcf7 at all. I just updated to the latest version, so that can’t be it either.
  
  What am I doing wrong?
  
  I hope to hear from you soon.
  
  With pleasure,
  Simon
- 9 years, 8 months ago Ruco
  Keymaster
  Hello,
  
  Please add this code at Custom Css Box:
  
  div.wpcf7-mail-sent-ok { border:none !important; }
  
  Let us know if this is OK.
  
  Best regards!
- 9 years, 8 months ago privacylab
  Participant
  
  Expired
  
  Works now, great! Thanks :)

Viewing 12 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login