WordPress: Using Deko Boko forms with Atahualpa Theme

As I mentioned yesterday, I’ve been working with the Atahualpa theme this week. Good stuff and I really like the results so far.

All this work on the blog got me motivated to do some other house-keeping tasks as well. First on the list? Getting a contact form back on my About & Contact page. I had a form there a long time ago, but was almost spammed into oblivion and finally gave up and removed it.

A quick search turned up the Deko Boko plugin. This one caught my eye because it uses reCAPTCHA to handle the spam. I’m not normally a big fan of captchas, but this seemed like a good spot to make an exception.

The plugin is easy to use and setup, but I had a couple issues with how my form looked:

The message field is too big and not properly aligned. Also, the reCAPTCHA widget was all borked up and would partially disappear when a mouse would hover over it.

After messing with it for a few minutes I realized I was fighting Atahualpa styles.

In the Appearance –> Atahualpa Theme Options I selected “Style TABLES” and set Zebra Stripe tables and Hover effect both to NO. That fixed the reCAPTCHA widget issues.

Next, I went to the “Add HTML/CSS Inserts” and added the following CSS insert:

#dekoboko_message { width: auto; }

That fixed up the Message field.

This looks a little better, doesn’t it?