WordPress.org

Ready to get started?Download WordPress

Forums

SI CAPTCHA Anti-Spam
Add Classes (4 posts)

  1. Andy Potanin
    Member
    Posted 3 years ago #

    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.

    http://wordpress.org/extend/plugins/si-captcha-for-wordpress/

  2. Mike Challis
    Member
    Plugin Author

    Posted 3 years ago #

    I will work up a solution.

  3. Mike Challis
    Member
    Plugin Author

    Posted 3 years ago #

    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.
    http://www.642weather.com/weather/wxblog/support/

  4. Mike Challis
    Member
    Plugin Author

    Posted 3 years ago #

    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:
    http://www.fastsecurecontactform.com/si-captcha-comment-form-css

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic