Hover boxes positioning

  • Profile Image
    brooke.clem
    Asked on April 02, 2015 at 03:14 PM

    My form has a few issues, please help!

     

    Issue 1:  ID 9 - Originator:  The 'hoover' letters are typed backwards when I hoover over the field.  How did I manage to do this?

     

    Issue 2:  ID 66 - Resources Lead - Hoover is in the way of the field.  I tried inputting code to make this hoover bubble move, but can't get it to work.  This is the code I tried using:

    #id_66 .form-description {
        right: 260px;
        transform: scaleX(-1);
        width: 160px;
    }
    #id_66 .form-description .form-description-content {
        transform:

     

    Issue 3:  ID 56 has the same hoover issue as item 66.

     

    Please advise!


    Brooke Clem

     

     

  • Profile Image
    Mike
    Answered on April 02, 2015 at 06:04 PM

    Text can be flipped around with the next CSS applied to the text div container.

    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);

    There are some errors on your CSS, I would like to suggest removing added CSS, and then adding the custom rules back.

    For example, you can use the next CSS to move the hover boxes to the right:

    #id_9 .form-description {

    right: -180px;

    width: 160px;

    }

    #id_66 .form-description {

    right: -180px;

    width: 160px;

    }

    #id_56 .form-description {

    right: -180px;

    width: 160px;

    }

    Thank you.