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