https://legacy.forums.gravityhelp.com/topic/position-checkbox-below-image Gravity Support Forums Topic: Position checkbox below image en-US Mon, 20 Apr 2026 15:05:30 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/position-checkbox-below-image#post-61690 Wed, 06 Jun 2012 17:18:36 +0000 Rob Harrell 61690@https://legacy.forums.gravityhelp.com/ <p>Nice dude, looks great. Glad to help out! </p> https://legacy.forums.gravityhelp.com/topic/position-checkbox-below-image#post-61683 Wed, 06 Jun 2012 16:59:53 +0000 Gotequity 61683@https://legacy.forums.gravityhelp.com/ <p>I've finally got everything styled as desired (minus a few minor tweaks). Thanks for your assistance. </p> https://legacy.forums.gravityhelp.com/topic/position-checkbox-below-image#post-61644 Wed, 06 Jun 2012 13:06:07 +0000 Rob Harrell 61644@https://legacy.forums.gravityhelp.com/ <p>If you use chrome dev tools or firebug you should be able to inspect the element: <a href="http://www.evernote.com/shard/s212/sh/7d5a211e-6cc9-46f0-92fe-8e1a9f0eb601/54d49939247089d4ddf5975ed103576c" rel="nofollow">screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/position-checkbox-below-image#post-61643 Wed, 06 Jun 2012 13:04:18 +0000 Gotequity 61643@https://legacy.forums.gravityhelp.com/ <p>Happy to give it a try. I know how to target a field list with CSS (in this case 11_15), but not the specific li (like 15_1). Can you send an example? Also, where would I define the li class for each element? </p> https://legacy.forums.gravityhelp.com/topic/position-checkbox-below-image#post-61636 Wed, 06 Jun 2012 12:35:56 +0000 Rob Harrell 61636@https://legacy.forums.gravityhelp.com/ <p>I don't know if there is going to be an ideal way for you to achieve this. Maybe you could try placing the images as background images on each individual li via CSS and then try positioning the input and label? </p> https://legacy.forums.gravityhelp.com/topic/position-checkbox-below-image#post-61635 Wed, 06 Jun 2012 12:33:28 +0000 Gotequity 61635@https://legacy.forums.gravityhelp.com/ <p>Thanks for the suggestion, Rob. My only issue with that approach is that the checkbox and label are not side-by-side. Is it possibel to have the image above and label with checkbox centered below? </p> https://legacy.forums.gravityhelp.com/topic/position-checkbox-below-image#post-61602 Wed, 06 Jun 2012 10:12:38 +0000 Rob Harrell 61602@https://legacy.forums.gravityhelp.com/ <p>What if you place your image src first, then your break tag and then label. Then place a margin-top on the choice input: <a href="http://www.evernote.com/shard/s212/sh/84daaf85-82b7-4ed8-a16c-9d62f9c669cd/46331cc52419af283033474f74f33ed3" rel="nofollow">screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/position-checkbox-below-image#post-61595 Wed, 06 Jun 2012 09:43:30 +0000 Gotequity 61595@https://legacy.forums.gravityhelp.com/ <p>Sure. <a href="http://www.acostainc.com/product-list/new-product-inquiry/" rel="nofollow">http://www.acostainc.com/product-list/new-product-inquiry/</a>. This is still a work in progress so more fields will be added/enhanced once I get past this hurdle! </p> https://legacy.forums.gravityhelp.com/topic/position-checkbox-below-image#post-61594 Wed, 06 Jun 2012 09:34:11 +0000 Rob Harrell 61594@https://legacy.forums.gravityhelp.com/ <p>Can you post a link to this form for me. </p> https://legacy.forums.gravityhelp.com/topic/position-checkbox-below-image#post-61593 Wed, 06 Jun 2012 09:19:56 +0000 Gotequity 61593@https://legacy.forums.gravityhelp.com/ <p>Good morning all,</p> <p>I have a top-label form containing a checkbox field with three images, all sized 180x160px, and I'm distributing the images with the "gf_list_3col" ready class. To display both the image and description, I'm using HTML in the field labels like so:</p> <p><code>Field1 Label&lt;br /&gt;&lt;img src=&quot;&quot; alt=&quot;Field1 Label&quot; title=&quot;Field1 Label&quot;&gt;</code></p> <p>First, I'm wondering if there's a better way to display the field description than just adding it before the image string? I noticed a similar post on the forum yesterday, but it didn't provide a solution (something about pulling the descrition from the alt title). </p> <p>Second, I'd like to center the checkboxes and labels below the corresponding images, but unsure how to style. </p> <p>BTW - the form I'm using is id #11, the checkbox field is #11_15 and the individual fields are 15_1, 15_2 and 15_3. Thanks in advance for any tips to get this working! </p>