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

    #1142849

    Hey 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 Shannon

    #1142876

    Hi 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
    Carsten

    #1142879

    Hi,

    What font and color do you want to use?

    Best regards,
    Jordan Shannon

    #1143036

    Hi 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
    Carsten

    #1143550

    Hi,

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

    #1144297

    Hi 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
    Carsten

    #1144899

    Hi,

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

    #1145351

    Hi 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
    Carsten

    PS: 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?

    #1146330

    Hi,

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

    #1146525

    Hi 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
    Carsten

    #1147001

    Hi,

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

    #1149290

    Hi 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
    Carsten

    #1149838

    Hi,

    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

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