Captcha position problem in the contact page...
Modern and unique personal portfolio Joomla template ideal for work presentation - support forum.
- GK User
- Fri Nov 29, 2013 10:26 pm
Hi,
I have just started using Captcha in my contact us page. But it seems like the Captcha is positioned too close to the actual mail body text box (Please see attached). It is overlapping the "Captcha" text and "Send a copy to yourself" text. Which looks odd. Can you please help me to move the Captcha to little down so its aligns in the center and looks better which of-course solves the overlapping problem? Also, can you please help me how can I customize the original "Captcha" skin to something sexy
Thanks.
I have just started using Captcha in my contact us page. But it seems like the Captcha is positioned too close to the actual mail body text box (Please see attached). It is overlapping the "Captcha" text and "Send a copy to yourself" text. Which looks odd. Can you please help me to move the Captcha to little down so its aligns in the center and looks better which of-course solves the overlapping problem? Also, can you please help me how can I customize the original "Captcha" skin to something sexy
Thanks.
-
- Senior Boarder
- GK User
- Fri Nov 29, 2013 10:45 pm
Hello,
Please try to apply margin-top for the following selector in any CSS file:
i.e.:
Please try to apply margin-top for the following selector in any CSS file:
- Code: Select all
#recaptcha_widget_div
i.e.:
- Code: Select all
#recaptcha_widget_div {
margin-top: 50px!important;
}
-
- Administrator
- GK User
- Sat Nov 30, 2013 6:19 am
Hello,
It moved the recaptcha down, but didn't solved the text overlapping problem???
It moved the recaptcha down, but didn't solved the text overlapping problem???
-
- Senior Boarder
- GK User
- Sat Nov 30, 2013 11:41 am
Could you provide an URL to your website?
-
- Administrator
- GK User
- Sun Dec 01, 2013 9:53 pm
OK, in this case please revert the previous change and please add the following code at the end of css/joomla.css file:
- Code: Select all
#contact-form dt {
overflow:hidden;
clear:both;
}
#jform_captcha-lbl {
display: block;
padding-top:30px!important;
}
-
- Administrator
- GK User
- Mon Dec 02, 2013 7:17 am
Thanks...it works now can I move the "send" button a bit up just to look proportional please? Thanks in advanced...cheers
-
- Senior Boarder
- GK User
- Mon Dec 02, 2013 7:39 am
Please try to add in the same file:
- Code: Select all
.contact .button {
margin: -15px 0 0 0!important;
}
-
- Administrator
- GK User
- Mon Dec 02, 2013 12:18 pm
Thanks...it works great...cheers...
-
- Senior Boarder
- GK User
- Mon Mar 24, 2014 10:33 am
Dear all
I've a very simular problem. I can't see the Captcha in my "Visitor-Book".
If i'm trying to make a commentar there is no possibility to make a recapcha-notice.
my site: http://bgc.ch/index.php/gaestebuch
I've a very simular problem. I can't see the Captcha in my "Visitor-Book".
If i'm trying to make a commentar there is no possibility to make a recapcha-notice.
my site: http://bgc.ch/index.php/gaestebuch
-
- Fresh Boarder
- GK User
- Mon Mar 24, 2014 3:58 pm
In my opinion it is not a similar problem, because this topic was about positioning reCAPTCHA on the page - on your page there is no reCAPTCHA - please create a separate topic about your problem.
-
- Administrator
- GK User
- Mon Mar 24, 2014 10:56 pm
Thank you very much fpr your answer.
The only thing I want to say is, there is a message that says: "Geben Sie die beiden unten stehenden Wörter ein" means "please insert the two words below".
That was the reason why I thought there is a ReCaptcha. Sorry
Max
The only thing I want to say is, there is a message that says: "Geben Sie die beiden unten stehenden Wörter ein" means "please insert the two words below".
That was the reason why I thought there is a ReCaptcha. Sorry
Max
-
- Fresh Boarder
- GK User
- Mon Mar 24, 2014 11:06 pm
I mean that on your page there is no reCAPTCHA == it is not displayed
-
- Administrator
13 posts
• Page 1 of 1