Support » Plugin: SI CAPTCHA Anti-Spam » [Plugin: SI CAPTCHA Anti-Spam] Add Classes

  • It would make it a lot easier to customize themes to work with this plugin if the HTML output had class names – some do, and some don’t. The first div inside #captchaImgDiv that shows the actual image has no class or ID associated with it. We wanted to make one of our premium themes compatible w/ the plugin, but are not cable to do so w/o having CSS access to the elements.

Viewing 3 replies - 1 through 3 (of 3 total)
  • I will work up a solution.

    Andy, Will you beta test my solution before I release it?
    It might be ready for you later today.
    contact me here and I can email you the files and instructions.

    WordPress Plugin Support

    The beta is ready:
    I added more div ID’s and made a new setting to select Internal or External Style Sheet CSS.

    By default, the CAPTCHA form styles are editable on the settings page when using “Internal Style Sheet CSS”. The CAPTCHA CSS will be automatically be included in the page <head> section.

    Premium themes can add support for SI-CAPTCHA Anti-Spam style in the theme’s style.css, if that is the case, then select “External Style Sheet CSS” if instructed to in the theme’s installation instructions. The CAPTCHA CSS will NOT be included in the page <head> section, and it must be included in the style.css of the theme. Be sure to remember this if you switch your theme later on.

    External Style Sheet CSS starting point for theme builders:

    div#captchaImgDiv { display:block; }
    div#captchaSizeDivSmall { width:175px; height:45px; padding-top:10px; }
    div#captchaSizeDivLarge { width:250px; height:60px; padding-top:10px; }
    img#si_image_com,#si_image_reg,#si_image_log { border-style:none; margin:0; padding-right:5px; float:left; }
    img#captchaImgAudio { border-style:none; margin:0; vertical-align:top; }
    img#captchaImgRefresh { border-style:none; margin:0; vertical-align:bottom; }
    div#captchaInputDiv { display:block; padding-top:15px; padding-bottom:5px; }
    label#captcha_code_label { margin:0; }
    input#captcha_code { width:65px; }

    Note: “Internal Style Sheet CSS” fields on the settings page are not editable while “External Style Sheet CSS” is enabled.

    Please refer to the FAQ page in case this post becomes outdated:
    The page will be updated when this version is out of Beta:

    How to set the Comment Form CSS Style on SI CAPTCHA Anti-Spam

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: SI CAPTCHA Anti-Spam] Add Classes’ is closed to new replies.