Add images to Checkboxes/radio button

Yes – you will need to understand both HTML & CSS.

See Styling Contact Form for a general explanation of styling CF7 forms using CSS. If you are not familiar with CSS, this page also includes some links to where you can learn CSS.

Try with this code

[ Moderator note: please wrap code in backticks or use the code button. ]

<div class="radiooption"> <label> <img src="insert URL of the image"> [radio radio-123 "name image"] </label>
</div>
<div class="radiooption"> <label> <img src="insert URL of the image"> [radio radio-123 "name image"] </label> </div>

Unfortunately, the code above shows not only the image but also the ‘name image’ text …

Does anyone have n update to this? I am trying to do the same thing (have images sit above radio buttons) but am not sure how to use the supplied code by andrianiannalisa

If you require assistance then, as per the Forum Welcome, please post your own topic instead of tagging onto someone else’s topic.

I am now closing this 11 month old topic as it references an older version of WordPress.