Hi Finn,
Thank you very much for your kind words.
The issue can be caused by different reasons.
Firstly please make sure the email is not filtered to spam or junk folder of your email account. You can also try one of the following workarounds:
1. Try using another email address for From Email and Email to Send Submissions To options.
2. Perhaps your hosting does not have Sendmail enabled, which is required for mailing functions to work. Please contact your hosting provider and ask them to check this.
3. Alternatively, you can use an SMTP plugin, which will most probably resolve the problem.
You can try this plugin for example: https://wordpress.org/plugins/wp-smtp/
Setting an external SMTP server, such as GMail should work. However, GMail requires authentication. Please find the necessary details for SMTP setup below.
Mailer: smtp
SMTP Authentication: yes
SMTP Security: SSL
SMTP Port: 465
SMTP Username: your gmail full address
SMTP Password: your gmail password
SMTP Host: smtp.gmail.com
Please keep me updated with results.
Thread Starter
fh4545
(@fh4545)
Hi Zhanna,
Thank you for your reply.
We have the email settings we need on our websites, including http://www.flashportals.com The problem was that we have overlooked the user checkbox in the email settings. It is working fine now.
I discovered one responsive issue which I hope is OK that I ask about here. The form fields are at smartphones vertical view quite small, and there is space enough to increase the size. What is the best way to make the fields larger?
The reCAPTCHA is the upper side; it is too large. I have tried to make it smaller using CSS in customize, but not had any luck. Please also let me know the way to get it to fit on smartphones.
Best regards,
Finn
Hi Finn,
It seems you have deactivated the form plugin as I see only plugin shortcode in the contact page.
Can you please activate it for me to test the responsiveness issue?
Thread Starter
fh4545
(@fh4545)
Hi Zhanna,
Thank you for your reply.
The plugin is activated, so it is strange that you can’t see it.
The form is here; https://flashportals.com/contact/
Best regards,
Finn
Dear Finn,
Now I see the form.
Please add the below code in Appearance > Customize > Additional CSS section:
@media screen and (max-width:768px){
.fm-form-container.fm-theme1 {
width: 100% !important;
}
}
Thread Starter
fh4545
(@fh4545)
Hi Zhanna,
Thank you for the code.
The fields are now OK but the reCAPTCHA is still too large, and are going outside the form on the right side at smartphones.
Best regards,
Finn
Dear Finn,
Please add the below code in Appearance > Customize > Additional CSS section:
.fm-form .wdform_row, div[type="type_recaptcha"], #recaptcha17, #recaptcha17 div {
max-width: 100%;
}
Then please clear your website and browser cache and check again.
Thread Starter
fh4545
(@fh4545)
Hello Zhanna,
Thank you for the CSS code.
The problem is now nearly solved- the only issue left is that the reCaptcha logo is hidden.
Best regards,
Finn
Dear Fin,
Please remove the previous code we have advised and add the new one.
Remove this code:
.fm-form .wdform_row, div[type="type_recaptcha"], #recaptcha17, #recaptcha17 div {
max-width: 100%;
}
Add this code:
div#recaptcha17 {
transform: scale(0.77);
-webkit-transform: scale(0.77);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
Thread Starter
fh4545
(@fh4545)
Hi Zhanna,
Thank you for the new code.
Unfortunately, it is not working, still the same the reCaptcha logo is hidden.
Best regards,
Finn
Dear Finn,
can you please clear your website and browser cache and check again.
I have just tested on my smartphone and it looks amazing.
Please see the screenshot and check again https://drive.google.com/open?id=1A1CJ53rpemn1uq2XnHCmTOUfcAmjb3kE
Thread Starter
fh4545
(@fh4545)
Hi Zhanna,
You are right it is working and it looks great.
I am not sure what happened here, we cleared the cache in our browsers and at FlashPortals.com and tried different browsers too, but we still had the issue.
Anyway, now it is gone- thanks a lot for your excellent support.
Awesome @fh4545!
We are always here to support you 🙂
