kommi

If anyone is interested, here is my solution:

At first I was getting tripped up by the one line of code generated by Contact Form 7 for a radio buttons with 3 options:

‘[radio radio-173 id:100 class:myradio use_label_element “First Choice”, “Second Choice”, “Third Choice”]’

I instead broke those out into 3 lines of code and was able to insert any image above each control. Then I just used CSS to reposition the radio buttons in line. Just make sure you check off “Wrap each item with <label> tag?” for the span tags that make it easier to CSS it.

‘<p>
<img src=”url_to_some_jpg.jpg”></img></br>
[radio radio-173 id:100 class:myradio use_label_element “First Choice”]
<img src=”url_to_some_jpg.jpg”></img></br>
[radio radio-173 id:100 class:myradio use_label_element “Second Choice”]
<img src=”url_to_some_jpg.jpg”></img></br>
[radio radio-173 id:100 class:myradio use_label_element “Third Choice”]

<p>Your Name (required)
[text* your-name] </p>’