Support » Plugins and Hacks » Contact Form 7 » Add images to Checkboxes/radio button
3 years, 5 months ago
Is it possible to add an image to a checkbox/radio button? I have a requirement for users to vote on a picture.
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.
3 years, 4 months ago
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 class="radiooption"> <label> <img src="insert URL of the image"> [radio radio-123 "name image"] </label> </div>
2 years, 10 months ago
Unfortunately, the code above shows not only the image but also the ‘name image’ text …
2 years, 6 months ago
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.