https://legacy.forums.gravityhelp.com/topic/how-to-place-required-indicator-asteriks-to-the-left-of-labels Gravity Support Forums Topic: How to place required indicator asteriks to the left of labels en-US Sat, 04 Apr 2026 16:23:26 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-place-required-indicator-asteriks-to-the-left-of-labels#post-255476 Thu, 16 May 2013 09:14:16 +0000 Kevin Flahaut 255476@https://legacy.forums.gravityhelp.com/ <p>@ElkSpring</p> <p>Hmm. This shouldn't be that difficult to sort out for a "developer".. the browser inspector tools make it pretty easy for developers to isolate markup and view the CSS properties being applied.</p> <p>Line 2572 of your theme's style.css file sets a float and 100% width property on every span inside the "content-text" container. Inheritance from that property/rule is causing your issue. When I disable that, you can see that the layout is corrected and displays as intended.</p> <p>screenshot: <a href="http://i.imgur.com/d9GZ8iY.jpg" rel="nofollow">http://i.imgur.com/d9GZ8iY.jpg</a></p> <p>Your developer can craft a new, more specific CSS rule to override that one. Something like this should get you started.</p> <pre><code>[css] body .content .wrapper .contact-text d.gform_wrapper form .gform_body .gform_fields .gfield label.gfield_label span.gfield_required { float: none !important; width: 10px; }</code></pre> <p>Best of luck with it. </p> https://legacy.forums.gravityhelp.com/topic/how-to-place-required-indicator-asteriks-to-the-left-of-labels#post-254469 Wed, 15 May 2013 18:00:42 +0000 ElkSpring 254469@https://legacy.forums.gravityhelp.com/ <p>Hey just checking in about the above request - it seems that the way our sidebars have been created it is causing the * for required questions to bump to the next line which is not very appealing. My developer is not sure what is causing this issue. Thanks </p> https://legacy.forums.gravityhelp.com/topic/how-to-place-required-indicator-asteriks-to-the-left-of-labels#post-214675 Thu, 18 Apr 2013 17:48:17 +0000 ElkSpring 214675@https://legacy.forums.gravityhelp.com/ <p>Hello - our site is live and we created custom sidebars which I think are causing our issue. Do you have any suggestions for this? - Thanks</p> <p><a href="http://elkspring.net/classes/" rel="nofollow">http://elkspring.net/classes/</a></p> <p>My designer wanted me to note that our sidebars are made up of two types of code:<br /> 1. HTML and graphics (text menu with social buttons)<br /> 2. WordPress Shortcode (image slider) </p> https://legacy.forums.gravityhelp.com/topic/how-to-place-required-indicator-asteriks-to-the-left-of-labels#post-201435 Mon, 08 Apr 2013 15:33:33 +0000 Chris Hajer 201435@https://legacy.forums.gravityhelp.com/ <p>Sorry, we were not able to check this out over the weekend. Without seeing the site live, we can't help you with the CSS to resolve your issue. </p> https://legacy.forums.gravityhelp.com/topic/how-to-place-required-indicator-asteriks-to-the-left-of-labels#post-196902 Thu, 04 Apr 2013 18:16:18 +0000 ElkSpring 196902@https://legacy.forums.gravityhelp.com/ <p>I am going to make the site live until tomorrow at 1:00 If you can take a look at this link. I am working with a graphic designer and we both do not have extensive knowledge of CSS so the more explicit you could be would be very helpful - <a href="http://elkspring.net/contactabout/" rel="nofollow">http://elkspring.net/contactabout/</a></p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/how-to-place-required-indicator-asteriks-to-the-left-of-labels#post-195789 Wed, 03 Apr 2013 18:33:42 +0000 Kevin Flahaut 195789@https://legacy.forums.gravityhelp.com/ <p>Without seeing your form and inspecting the CSS, there's no way to know for sure. My guess is that the span element that contains the asterisk is inheriting a "display: block" CSS rule somewhere and that's forcing the asterisk to show in a "new line" if you will.</p> <p>Whenever you get a publicly accessible URL for your form, you can share that if you're still having problems and somebody will be able to tell you for sure. </p> https://legacy.forums.gravityhelp.com/topic/how-to-place-required-indicator-asteriks-to-the-left-of-labels#post-195610 Wed, 03 Apr 2013 13:41:18 +0000 ElkSpring 195610@https://legacy.forums.gravityhelp.com/ <p>The Asteriks (asterix) on our form are appearing below the question:</p> <p>Name<br /> *</p> <p>Have you seen this happen before? Our site is not live yet - what is the best way to show you this? </p> https://legacy.forums.gravityhelp.com/topic/how-to-place-required-indicator-asteriks-to-the-left-of-labels#post-26713 Wed, 01 Jun 2011 12:35:08 +0000 David Smith 26713@https://legacy.forums.gravityhelp.com/ <p>Not exactly per your screenshot, but you can float the astericks left to get this: <a href="http://grab.by/agfu" rel="nofollow">http://grab.by/agfu</a></p> <pre><code>[css] .page-id-29 .gform_wrapper .gfield_required { float: left; }</code></pre> https://legacy.forums.gravityhelp.com/topic/how-to-place-required-indicator-asteriks-to-the-left-of-labels#post-26697 Wed, 01 Jun 2011 11:17:36 +0000 sridhar 26697@https://legacy.forums.gravityhelp.com/ <p>URL of the form: <a href="http://www.thegolfclubatfallbrook.com/contact-us/" rel="nofollow">http://www.thegolfclubatfallbrook.com/contact-us/</a></p> <p>Client likes to have the asteriks to the left of labels like <a href="http://d.pr/ew0X" rel="nofollow">this</a>.</p> <p>Please advise. </p>