Joomla Templates Club 406,261 posts

[fcamineiro Friend fcamineiroJoin date: June 2009Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#193275

Hello,

when I try to use the Captcha-reCaptcha plugin in my contact form it doesn’t stay aligned with its form: http://www.fcasports.com.br/index.php/en/contact

What could I do to fix it?

Thanks.

[fcamineiro Friend fcamineiroJoin date: June 2009Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#516613

I decided to removed the menu from my website until I find a solution for it. Meanwhile I attached a screenshot of the problem.

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#516633

Hi Fcamineiro,

This is error of css on our template. I reported to Dev team, we will fix and update it soon. Currently, you can try my suggestion:

– Create new file with name custom.css into /templates/ja_fixel/css directory
– Open it and add this code:

.re-captcha .control-label {
float: none;
text-align: left;
width: auto;
}
.re-captcha .controls {
margin-left: 0;
}

After changing, you can see as this image:

Let me know if this helps

Regards,

---

Attachments:

1. 

1 user says Thank You to Nazario A for this useful post

1. fcamineiro

[fcamineiro Friend fcamineiroJoin date: June 2009Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#516676

Thanks Nazario.

This has solved the positioning problem but not how its bottom border is displayed. Is there a CSS temporary fix for that too?

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#516797

Hi fcamineiro,

We can customize the CSS to solve the position of the Captcha only.

About the box, we can not do it. You can raise this question to the developer of the Captcha, they can help you more on this.

[fcamineiro Friend fcamineiroJoin date: June 2009Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#516922

Thanks Nazario.

Why does it look fine when I try it with another template?

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#516994

Hi fcaminerio,

<blockquote>Why does it look fine when I try it with another template?</blockquote>

Could you send me URL of the mentioned template or screenshort where it works?

[fcamineiro Friend fcamineiroJoin date: June 2009Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#517184

This is the link to my webpage’s contact form. And my problem also shows up in your example in this post. Please take a look at the bottom border of captcha-recaptcha box.

Thanks.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#517255

In this case, I can only suggest you correct the position of captcha box in our template. All other elements inside the box like border… belong to the style loaded from Captcha, we can’t edit it.

I’m afraid that you need to contact Captcha developers to get help on this.

[fcamineiro Friend fcamineiroJoin date: June 2009Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#517364

As I said it works fine if I change contact’s webpage template for one of the Joomla’s default templates. Therefore it must be a JA Fixel template problem or an incompatibility between reCaptcha and JA Fixel template. Frustrating…

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#517663

This way will help you to fix the problem on your site.

Open templates/ja_fixel/css/custom.css file and add script below


#recaptcha_area .recaptcha_input_area input {
background: #ddd;
width: 153px !important;
display: inline-block;
}

#recaptcha_area th,
#recaptcha_area td {
line-height: normal !important;
}

#recaptcha_area .recaptchatable #recaptcha_response_field {
margin-top: 12px !important;
}


2 users say Thank You to Ninja Lead for this useful post

1. fcamineiro
2. max_santiago

[fcamineiro Friend fcamineiroJoin date: June 2009Posts: 11Downloads:0Uploads:1 Thanks: 4 Thanked: 1 times in 1 posts]

#517671

Thanks! Solved my problem!

1 user says Thank You to fcamineiro for this useful post

1. JA Developer

[chicsystems Friend chicsystemsJoin date: February 2013Posts: 8Downloads:7Uploads:2]

#521464

I ahve the same problem here.

http://www.camillafellas.com/contact.html

Added the custom code but not working. Also the contact form boxes are not the right sizes at some points when you resize the sscreen. i changed the max-witdh to componsate

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#521539

@chicsystems,

The issue comes from the re-captcha. Not all themes of re-captcha can display well in our template. Please try to change to other type of re-captcha (ex: red) to see how it goes.

I’m afraid this is beyond our scope of support. You should post the issue on the re-captcha forum, you may find better answers there.

[chicsystems Friend chicsystemsJoin date: February 2013Posts: 8Downloads:7Uploads:2]

#524032

Thanks you and yes it does look better.

The other problem we are now having is getting the captchas working everywhere, we eventually turned it off for registration in K2 but when on we get the text but no captcha. Any ideas or links to sort this??

---

Attachments:

1. 

[Author]

Posts