Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi, what issue are you having? Can you explain further what you are trying to do? Can you also share your URL.

    Thank you

    Thread Starter Chris

    (@web2guru)

    Hmm, I don’t mean to be rude, but I thought it was pretty clear.

    There is a div that wraps the captcha input field. That div does not have a unique id or class. This means we can not easily apply custom styles to that div.

    The site I’m working on that brought me here to ask this question is not publicly accessible yet – it’s still under development. However, this is not a site specific issue. Here’s a random site: http://nursinghomesabuseadvocate.com/.

    Hi Chris, sorry for my question I just wanted to make sure I understood your question correctly 🙂

    Are you referring to the input catcha field i.e. where you type the code you see in the image. If you are, I just checked my form and I see the following ID fscf_captcha_code1. Is this what you are referring to?

    Thread Starter Chris

    (@web2guru)

    No, I’m referring to the “div that wraps the captcha input field”, not the field itself, the div that wraps around it. As in this code:

    <div style="text-align:left; float:left; padding-top:10px;">
         <input style="text-align:left; margin:0; width:50px;" value="" id="fscf_captcha_code2" name="captcha_code" type="text">
    </div>

    This also applies to all the other fields as well. It would be nice to have classes on the divs that wrap around each label and each field. The only one that has something like this is the captcha label.

    Hi Chris, yes I see now what you mean.

    What you can do to add your custom style is to enable the following option Select the method of delivering the form style: and then selecting the following option from the drop down menu.

    External Style Sheet CSS (requires editing theme style.css)

    Once you have selected custom style then you can click on the following link View custom CSS. If you then check your form again you will notice that a class has been added to the div tag you mentioned above.

    Thread Starter Chris

    (@web2guru)

    Ah, perfect! I didn’t know that would add the additional class to work with. I thought that was just a choice between inline styles or putting them in an external stylesheet – now I see it is more than that.

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Cant style Captcha Input Div different to other form input fields divs’ is closed to new replies.