-
AuthorPosts
-
September 27, 2019 at 5:32 pm #1142845
Hi folks,
god thx that you already fixed the contact-form-mobile-bug! My customers were a
little bit angry about that. ;-)Right now I wanna do some changes on the contact form – please take a look on
my screenshot and you’ll understand immediately. :)Best regards
CarstenSeptember 27, 2019 at 5:53 pm #1142849Hey Carsten,
Add this to quick css:
p.form_element input, p.form_element textarea, .value_verifier_label{ font-size:20px!important;; } .error .captcha{ background-color:red!important; }
Best regards,
Jordan ShannonSeptember 27, 2019 at 6:33 pm #1142876Hi Jordan,
thx for your fast reply!
Your snippets are ok, but please look again at my screenshot.
I also want to change the font himself and his color. Your
snippet only change the size.And I want that every field becomes the color red if it’s not filled
out. Not only the captcha-field. I speak about the validation-error-
signal. For example, if you say that you have to fill out name-field,
mail-adress-field and text-field, I want that every field becomes
red which is not filled out. After the user filled out, the field switch
back to the normal color. You understand what I mean, do you?
Hope so. :-)Best regards
CarstenSeptember 27, 2019 at 6:39 pm #1142879Hi,
What font and color do you want to use?
Best regards,
Jordan ShannonSeptember 28, 2019 at 9:20 pm #1143036Hi Jordan,
I wanna just an general css-snippet, so that I be able to change the font
and color any time as I like. Or is that not possible?Right now I want the Google-font “Montserrat” and this orange-tone: #f07c00
I’m looking forward to your new answer.
Bon Weekend
CarstenOctober 1, 2019 at 3:40 am #1143550Hi,
Thank you for the update.
Are you referring to the placeholder of the input fields? If so, use this css code to change its style.
.responsive #top ::placeholder { color: red; opacity: 1; font-family: 'Courier', sans-serif; }
Best regards,
IsmaelOctober 2, 2019 at 11:14 pm #1144297Hi Ismael,
thank you for your reply. And your snippet works fine!
Only the reCaptcha-field doesn’t work correctly. Please,
take a look on the first screenshot.But one thing is more important than this point, namely
my second request. Please, take another look on the second
screenshot. If someone has forgotten to fill out a field, no
matter which one, I want the entire field to be colored and
not just the outline. How can I do that?Best regards
CarstenOctober 4, 2019 at 7:50 am #1144899Hi,
Thank you for the update.
To add a background to the input fields with the error, you can use this css code.
#top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select { border: 1px solid #DF653E; background-color: #DF653E; color: #ffffff; }
What’s wrong with the captcha field? Please provide a link to the page with the issue so that we can inspect it.
Best regards,
IsmaelOctober 5, 2019 at 8:44 pm #1145351Hi Ismael,
thank you for your new reply! Great – your snippet works perfectly! :)
And it’s nothing wrong with the captcha-field. Take another look on the
screenshot, than you’ll see that the captcha-field is not colored. That’s
the only thing which is not perfect. ;) I think we need here another
small snippet, don’t we? But as I said already, it’s not soooo important,
but of course, it would be nice. :)Bon weekend and best regards
CarstenPS: You enfold-guys already knows, that the captcha-tool are not working
realy good, don’t you? Also after the last google-update all my customers
and me too, getting still spam at irregular time intervals. Do you know, if google
is working on another update? Or do you know any other solutions for that
prob?October 9, 2019 at 3:36 am #1146330Hi,
Thank you for the update.
You can add this css code to change the background of the captcha field.
#top .avia_ajax_form .error input.captcha, #top .av-centered-form .error input.captcha { background: red; color: #fff !important; }
Have you tried using the Google ReCAPTCHA option instead of the captcha field?
Best regards,
IsmaelOctober 9, 2019 at 2:48 pm #1146525Hi Ismael,
thx for your new reply! Sorry, we have a little missunderstanding. ;-)
I didn’t mean the whole captcha-field, just the numbers should be colored.Because your snippet…
—————————————
.responsive #top ::placeholder {
color: red;
opacity: 1;
font-family: ‘Courier’, sans-serif;
}
—————————————-
…is not interacting with the captcha-field.You’ve written: Have you tried using the Google ReCAPTCHA option instead of the captcha field?
I don’t know exactly what do you mean with that. But right now I experienced that I didn’t activate
the captcha-box in the google-service-field. And I also didn’t create an API-Key for that. So, I think
that is the reason why the captcha-field is not working very well. ;-) I will fix it and after that I give
you a new response. But anyway…what exactly is the ReCaptcha-Option? Maybe I can try it also
or instead?Best regards
CarstenOctober 11, 2019 at 4:51 am #1147001Hi,
I didn’t mean the whole captcha-field, just the numbers should be colored.
Thank you for the clarification. Please use this css code to change the color of the equation inside the input field.
.value_verifier_label { color: green; }
But anyway…what exactly is the ReCaptcha-Option? Maybe I can try it also
or instead?Google reCAPTCHA is a more secure way to protect the contact form against spams and malicious scripts. It’s created by Google, so you’ll be required to generate an API key for each version (v2 and v3) if you chose to use both. Users can be automatically authenticated or be presented with a spam protection widget where they have to answer a simple question or puzzle in order to send the form. Please visit the documentation for more info.
// https://kriesi.at/documentation/enfold/contact-form/#activate-google-captcha
Best regards,
IsmaelOctober 18, 2019 at 3:00 pm #1149290Hi Ismael,
thx for your new answer and sorry for my late reply!
The new snippet works fine…thank you!In the meantime I created an ReCaptcha-account
but I’m not quite sure, if it’s working well? Or otherwise –
it’s not working perfectly. Spam is still arriving over the
contact-formular, but not so many as before. So, is there
any other (maybe better) way to stop spam? I switched
the spam-score to 0,3…maybe that helps? We’ll see. Do
you have any other suggestions? I’m looking forward…Best regards
CarstenOctober 21, 2019 at 12:25 pm #1149838Hi,
Thank you for following up.
The reCAPTCHA option can only do so much to protect the site from spammers, so in addition to it, you should install security plugins to filter malicious softwares and unwanted addresses, and stop them from ever getting through. This should help protect the site not only from spammers, but also from any harmful activities directed to it. You can pick one from this list.
// https://wordpress.org/plugins/wordfence/
// https://wordpress.org/plugins/wp-cerber/
// https://wordpress.org/plugins/all-in-one-wp-security-and-firewall/Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.