float checkboxes with images

  • Resolved telemarker

    (@telemarker)


    9 years, 10 months ago

    hi i really like the idea to put little images infront of a checkbox.
    anyway out of the contactform adds a break after each checkbox.

    i like to have several pictures and checkboxes in a line.
    and then put another image row.

    [image1] [image2] [image3] [image4]
    [check1] [check2] [check3] [check4]

    [image5] [image6]
    [check5] [check6]

    i achieved this by this code in the plugin:

    <div style="float:left;">
<img src="https://www.julieschmid.com/wp-content/uploads/test1.jpg">
[checkbox checkbox-764 "Bague 1"]
</div>

<div style="float:left;">
<img src="https://www.julieschmid.com/wp-content/uploads/test1.jpg">
[checkbox checkbox-764 "Bague 1"]
</div>

    works for the layout but the checkboxes aren’t clickable anymore.
    how can i solve this issue?
    regards
    telemarker

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 6 replies - 1 through 6 (of 6 total)

  • Please include a link to your Contact Form 7 form so we can examine your form in detail.

    Thread Starter telemarker

    (@telemarker)

    so far the site is not online – if you have the plugin you can probably check it foryourself by entering the code above.
    regards
    thomas

    ?I regularly “put little images infront of a checkbox” in my CF7 forms without problems, so your problems are likely due to some CSS used in your current theme.

    It’s impractical to look at your problem without a link to your Contact Form 7 form. Consider setting a copy of your CF7 form on an extra page on a website that does have public access. Post link to that page here.

    Thread Starter telemarker

    (@telemarker)

    hey buzztone, the site is online, although the site with the contactform is hidden. you can have a look at https://www.julieschmid.com/boutique/

    you’re right, i activated the 2015 theme and it works, so it has to be a theme issue.

    thanks

    Thread Starter telemarker

    (@telemarker)

    now i solved the layout issue. everything works great!

    Thread Starter telemarker

    (@telemarker)

    closed

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘float checkboxes with images’ is closed to new replies.