troppochook

Well that wasn’t the problem. It’s something to do with the custom checkboxes that IE8 doesn’t like… as soon as I put them in, the send button disappears.

Ok, have given it a go using the ryanfait.com tutorial. First I popped this code into custom-functions.php:

function add_custom_javascript(){ ?>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/custom/custom.js"></script>
<?php
}

add_action('wp_head', 'add_custom_javascript');

to load the javascript (is that the right term?). I uploaded the javascript as custom.js to thesis’s custom folder, and put the css into custom.css. Uploaded my own image for checkbox.png (with 4 images – one for each state) and adjusted pixels in css and js as instructed in the tutorial.

Then comes Contact Form 7 HTML… I couldn’t get it to work using the tag syntax:

<p>[checkbox specialoffer class:styled "I'm interested in this season's special offer" ]

so changed the code to:

<p><input type="checkbox" name="specialoffer" class="styled" />I'm interested in this season's special offer</p>

I’m wondering if I made a mistake with the tag syntax?

So I got it to work (yay!). EXCEPT in Internet Explorer 8 (aaargh!) where the custom checkboxes work fine but for some reason my Send button now won’t display. It was displaying before I played with the checkboxes! (All good in FF, Chrome etc). Any ideas? I’m searching for the solution now so will report back too.

Thanks so much for the info, zoonini, which pointed me in the right direction. Greatly appreciated.