Hover text goes outside the width of the form (Hover Position)

  • Profile Image
    tomduffin
    Asked on August 28, 2012 at 01:21 PM

    Hi,

    I am having issues with the hover text - I am working with a 450 pixel width form and embed in a joomla article.

    Initially I found that the hover text covered the radio buttons on the question - which was no good obviously.

    Now I have used injected some CSS, as suggested on another thread, and find that the hover texts appear outside the 450 pix 

    Any easy solution ?

  • Profile Image
    EduardoMendez
    Answered on August 28, 2012 at 05:35 PM

    Hi tomduffin,

    I looked at your form and I think that adding the following CSS (or adjusting it a little) may solve your prolem.

    /* Override default position and width for hover text box */

    form-description{

     max-width: 300px;

    top: 90px;

    left: 85px;}

    /* Override default position and orientation of outer arrow on hover text box */

    .form-description-arrow { border-color:transparent transparent #CCC transparent; left:7px; top:-24px;

    }/* Override default position and orientation of inner arrow on hover text box */ .form-description-arrow-small { border-color:transparent transparent #F5F5F5 transparent; left:10px; top:-14px; }

    Hope that helps!

     

    BTW - You will find some more information on this thread.