MachForm Community Forums » MachForm 2

1. AMurray
   Pro Member

   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.

   How do I widen the box to fit the text?

   The form is here: http://www.applecross.perth.anglican.org/web.html

   The tool tip in question is the "Website" field.

   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.

   In the Form's CSS I found this section,tried making change to the width but didn't seem to work.

   /**** Guidelines and Error Highlight ****/
#main_body form li.highlighted
{
background-color:#fff7c0;
}

   #main_body form .guidelines
{
background:#f5f5f5;
border:1px solid #e6e6e6;
color:#444;
font-size:80%;
left:100%;
line-height:130%;
margin:0 0 0 8px !important;
   padding:8px 10px 9px;
   position:absolute;
top:0;
visibility:hidden;
width:42%; /*tried adjusting this line*/
   z-index:1000;
}

   Thanks for the assistance.

   Posted 14 years ago #
2. 

   yuniar

   Sorry for the weekend delay!

   Actually, you got the correct line already.
   However, you might need to adjust the width of the field too.

   Try to adjust this:

   .appnitro li
   {
   	width:61%;
   }

   change it to 45%.

   And then set the guidelines width to 95% or so.

   ---

   MachForm Founder

   Posted 14 years ago #

RSS feed for this topic

Reply

You must log in to post.