Ready to get started?Download WordPress


Contact Form 7
[closed] Add images to Checkboxes/radio button (6 posts)

  1. wonderwilson
    Posted 1 year ago #

    Is it possible to add an image to a checkbox/radio button? I have a requirement for users to vote on a picture.



  2. buzztone
    Posted 1 year ago #

    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. andrianiannalisa
    Posted 1 year 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>
  4. chmars
    Posted 7 months ago #

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

  5. kommi
    Posted 2 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

  6. esmi
    Forum Moderator
    Posted 2 months ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic