Remove the highlighting and getting the labels to line up with my images

  • Profile Image
    hilohaven
    Asked on June 17, 2011 at 03:10 PM

    I'm trying to remove the highlighting and have tried the suggestions here - but nothing is working! Also having problems getting the labels to line up with my images (The label and image are within a div tag). My page is here, under pre-order tab

    And  thanks for s great service ;)

  • Profile Image
    liyam
    Answered on June 19, 2011 at 02:29 PM

    Hello hilohaven,

    You have already added in your css injection the code to remove the highlight in your form here in JotForm, but you have forgotten to add it on your webpage.

    Since you placed the actual source code of your form on your site, all edits you added or edited on your form editor will not update on your actual site, you should manually add them as well there.

    So what you should do is find the CSS area for jotform on your webpage or find this on your page:  /* Injected CSS Code */

    Once you have found it, add the CSS code there for transparent background for form errors:

    .form-line-error { background-color:transparent;}

     

    For your 2nd problem, add this in your CSS injection as well:

     #rollPicOff li label {
        margin-right: -96px;
     }

     

    If you need further details and assistance, please let us know.  We'd be happy to assist.

    Thanks,

    Liyam

  • Profile Image
    hilohaven
    Answered on June 23, 2011 at 02:17 PM

    Thanks Liyam - Your a star! Your solution to prob 2 has helped in other areas too!

    Much appreciated,

    Hilo Haven

  • Profile Image
    liyam
    Answered on June 23, 2011 at 02:49 PM

    Hello Hilo Haven,

    Good to know that the 2nd solution worked!

    If you have other questions or concerns, don't hesitate to post.

    Thanks,

    Liyam

  • Profile Image
    hilohaven
    Answered on June 24, 2011 at 02:06 PM

    Hi Liyam,

    Sorry to bother you again....... I still can't remove the highlighting (new form, started from scratch). I've downloaded and linked the css etc and when I check page source in my browser I can see injescted css and link to css...... its probably something simple but im a newbie ;)

    http://hilohaven.com/kithight.html

  • Profile Image
    liyam
    Answered on June 24, 2011 at 02:41 PM

    Hello hilohaven,

    I guess you are referring to the background color when the mouse cursor is hovering the form, am I correct?  If so, simply add this CSS code in your CSS Injection:

    .form-product-item:hover {
    background: none;
    }

    Let me know if this works.

    Thanks,

    Liyam

  • Profile Image
    hilohaven
    Answered on June 24, 2011 at 04:57 PM

    Worked a treat - simple and obvious ;)

    Thanks again

    Hilo Haven

  • Profile Image
    liyam
    Answered on June 24, 2011 at 05:17 PM

    Good to know it works :)

    If you have other questions or concerns, please let us know.  We'd be happy to assist.

    Thanks,

    Liyam

  • Profile Image
    hampton770
    Answered on June 24, 2011 at 06:13 PM

    Couldn't help it..  your site header..

  • Profile Image
    hampton770
    Answered on June 24, 2011 at 06:14 PM

     

    to: hilo haven

    billfriendly.com/gift.png

  • Profile Image
    hilohaven
    Answered on June 25, 2011 at 08:11 AM

    Hey Thanks Hampton!! Glad you couldn't help it - banner is great! thankyou very much ;)))