Forums

Hi
I am trying to find where the CSS for the recapcha plug-in is located.

The input field where the visitor enters the 2 "words" is aligned, in my case, too far to the right.

See this page, work in progress: http://www.christopherhillsalon.com/newsletter

This is the apparent CSS code (per firebug)

.recaptchatable #recaptcha_response_field {
    bottom: 7px !important;
    font-size: 10pt;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    width: 145px !important;
}

But I can't easily find the css in the chronoform/plugins folders, etc -- so I can change the css.

Where can I make the css modification?

Thanks!


Rowby

Hi Rowby,

In the Form HTML find the ReCaptcha element code which will be something like this:

<div class="form_item">
  <div class="form_element cf_textbox">
    <label style="width: 150px;" class="cf_label"></label>
    {ReCaptcha}
  </div>
  <div class="cfclear"> </div>
</div>

and remove the second <div . . . > (and the corresponding </div>)

<div class="form_item">
    <label style="width: 150px;" class="cf_label"></label>
    {ReCaptcha}
  <div class="cfclear"> </div>
</div>

Or you can just remove the class attribute from the div.

Bob

Thanks! That fixed it. Enjoy your beer🙂