https://legacy.forums.gravityhelp.com/topic/image-metadata-field-label-below-input-shown-below-field Gravity Support Forums Topic: Image metadata field label below input shown below field? en-US Mon, 20 Apr 2026 03:12:09 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/image-metadata-field-label-below-input-shown-below-field#post-44822 Thu, 22 Dec 2011 17:01:27 +0000 quokka 44822@https://legacy.forums.gravityhelp.com/ <p>Hi Chris,</p> <p>Sure, here it is!<br /> Carl pointed me in right direction to search for sublabel in the forums, thanks Carl! </p> <p>Turned out to be very simple thanks to Kevin Flahaut's solution:<br /> <a href="http://www.gravityhelp.com/forums/topic/stylesheet-example#post-9737" rel="nofollow">http://www.gravityhelp.com/forums/topic/stylesheet-example#post-9737</a></p> <p>Here we go:<br /> <pre><code>/*--- hide sublabel for browse file caption --- */ .ginput_post_image_file {position: absolute;left: -999em;} /*--- move sublabel for image caption --- */ .ginput_post_image_caption{position:relative;} .ginput_post_image_caption input {margin-top:21px; margin-bottom:4px} .ginput_post_image_caption label {position:absolute; top:0px; margin-top:0;} /*--- move sublabel for image title --- */ .ginput_post_image_title{position:relative;} .ginput_post_image_title input {margin-top:21px; margin-bottom:4px} .ginput_post_image_title label {position:absolute; top:0px; margin-top:0;} /*--- move sublabel for image description --- */ .ginput_post_image_description{position:relative;} .ginput_post_image_description input {margin-top:21px; margin-bottom:4px} .ginput_post_image_description label {position:absolute; top:0px; margin-top:0;}</code></pre> <p>Thanks guys &amp; Merry Christmas!<br /> Bas </p> https://legacy.forums.gravityhelp.com/topic/image-metadata-field-label-below-input-shown-below-field#post-44620 Wed, 21 Dec 2011 03:27:11 +0000 Chris Hajer 44620@https://legacy.forums.gravityhelp.com/ <p>Please let us know if you figure it out. </p> https://legacy.forums.gravityhelp.com/topic/image-metadata-field-label-below-input-shown-below-field#post-44618 Wed, 21 Dec 2011 02:24:32 +0000 quokka 44618@https://legacy.forums.gravityhelp.com/ <p>Found this:<br /> <a href="http://www.gravityhelp.com/forums/topic/stylesheet-example#post-9737" rel="nofollow">http://www.gravityhelp.com/forums/topic/stylesheet-example#post-9737</a></p> <p>Going to test this.. </p> https://legacy.forums.gravityhelp.com/topic/image-metadata-field-label-below-input-shown-below-field#post-44617 Wed, 21 Dec 2011 02:21:50 +0000 quokka 44617@https://legacy.forums.gravityhelp.com/ <p>Hi Carl,<br /> Thanks for your help.<br /> Tried that but strange enough that didn't work.<br /> Have to try a little harder I guess :)<br /> If I make it work I'll post the solution here for reference.<br /> If anyone did this before, please let me know..<br /> Thanks! </p> https://legacy.forums.gravityhelp.com/topic/image-metadata-field-label-below-input-shown-below-field#post-44589 Tue, 20 Dec 2011 18:47:20 +0000 Carl Hancock 44589@https://legacy.forums.gravityhelp.com/ <p>By default, sublabels in Gravity Forms are shown below the inputs. This is the case with all Advanced Fields which utilize sublabels (the name field, address field, etc.). Currently there is no built in option to reposition these sublabels. </p> <p>You might be able to do it with custom CSS and applying your own styles to position these elements, although I don't know off the top of my head what CSS would be necessary to do so. But all the positioning is done using CSS so it can also be customized using CSS. </p> https://legacy.forums.gravityhelp.com/topic/image-metadata-field-label-below-input-shown-below-field#post-44545 Tue, 20 Dec 2011 16:16:09 +0000 quokka 44545@https://legacy.forums.gravityhelp.com/ <p>Hi,<br /> Started off with graivityforms recently. Working like a charm without any problems. </p> <p>One thing I can't fix myself and can't find on these forums is this:<br /> When adding an image field and enabling the image metadata fields, I mean these:<br /> - Title<br /> - Caption<br /> - Description</p> <p>The label of those imagedata fields is shown below the text input element.<br /> I'm desperately trying to show the label before or above each input field..</p> <p>Any help on how to fix this would be highly appreciated..<br /> Thanks in advance!<br /> Quokka </p>