https://www.machform.com/forums/ MachForm Community Forums Topic: Widen the user guide tip/information box en Thu, 30 Apr 2026 06:09:44 +0000 https://www.machform.com/forums/topic/how-to-widen-the-user-tool-tip#post-6225 Mon, 15 Jun 2009 19:03:20 +0000 yuniar 6225@https://www.machform.com/forums/ <p>Sorry for the weekend delay!</p> <p>Actually, you got the correct line already.<br /> However, you might need to adjust the width of the field too.</p> <p>Try to adjust this:</p> <pre><code>.appnitro li { width:61%; }</code></pre> <p>change it to 45%.</p> <p>And then set the guidelines width to 95% or so. </p> https://www.machform.com/forums/topic/how-to-widen-the-user-tool-tip#post-6198 Sat, 13 Jun 2009 07:23:18 +0000 AMurray 6198@https://www.machform.com/forums/ <p>The text in one of the 'user-guide' tips on one of my forms breaks outside the border of the box that appears when you mouse-over the field. </p> <p>How do I widen the box to fit the text? </p> <p>The form is here: <a href="http://www.applecross.perth.anglican.org/web.html" rel="nofollow">http://www.applecross.perth.anglican.org/web.html</a></p> <p>The tool tip in question is the "Website" field. </p> <p>I had a look at the CSS and found what I think is the correct section but it doesn't seem to make a difference.</p> <p>In the Form's CSS I found this section,tried making change to the width but didn't seem to work.</p> <p><code>/**** Guidelines and Error Highlight ****/</code><br /> <code>#main_body form li.highlighted</code><br /> <code>{</code><br /> <code>background-color:#fff7c0;</code><br /> <code>}</code></p> <p><code>#main_body form .guidelines</code><br /> <code>{</code><br /> <code>background:#f5f5f5;</code><br /> <code>border:1px solid #e6e6e6;</code><br /> <code>color:#444;</code><br /> <code>font-size:80%;</code><br /> <code>left:100%;</code><br /> <code>line-height:130%;</code><br /> <code>margin:0 0 0 8px !important;</code><br /> padding:8px 10px 9px;<br /> <code>position:absolute;</code><br /> <code>top:0;</code><br /> <code>visibility:hidden;</code><br /> <code>width:42%;</code> /*tried adjusting this line*/<br /> <code>z-index:1000;</code><br /> <code>}</code></p> <p>Thanks for the assistance. </p>