Hover text Color modification

  • Profile Image
    applepiepro
    Asked on March 26, 2013 at 10:28 AM

    I managed to change the color of the outer arrow in the hover text using this CSS injection

    #id_107 .form-description-arrow, #id_129 .form-description-arrow{ border-color:transparent #5EC9F7 transparent transparent; }

    Now I need to change the grey outer box (outline) of the hover text to the same colour as the outer arrow, and dont know how. 

    Could you please help with the appropriate CSS to do this.

  • Profile Image
    pinoytech
    Answered on March 26, 2013 at 11:35 AM

    Hi,

    Are you referring to which form? Can you please share to us the URL of your form for further assistance?

    Thank you!

  • Profile Image
    applepiepro
    Answered on March 26, 2013 at 11:59 AM

    Hi Pinoytech,

    here is the form

    http://form.myjotform.com/form/30515206842548?

    Please check the "Picture Sequence" and "Select Theme" fields

     

    Thanks

  • Profile Image
    pinoytech
    Answered on March 26, 2013 at 01:08 PM

    Thank you for your cooperation. With regards to your query, can you please try to replace the codes that you have injected in to your form with this:

     

    .form-pagebreak {

    background: none;

    }

    .form-pagebreak-next{

    margin:0 0 0 400px;

    background-color:#ed7f1d;

    }

    .form-pagebreak-back{

    background-color:#ed7f1d;

    }

    .form-multiple-column .form-radio-item{

    width:90px;

    height: 16px

    }

    #id_155 .form-radio-item{

    width:180px;

    height: 16px

    }

    #id_107 .form-description, #id_129 .form-description {

    border: 4px solid #5EC9F7;

    }

    #id_107 .form-description-arrow, #id_129 .form-description-arrow {

    border-color: transparent #5EC9F7 transparent transparent;

    border-style: solid;

    }

    .form-checkbox{

    vertical-align:top;

    }.form-header-group{

    background-color:#;

    }

    .form-all input,select {

    border: 1px solid #b7bbbd;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    padding: 4px;

    font-size: 12px

    }

    .form-label-top {

    margin-bottom: 0;

    }

    input[id*="first"] {

    width: 150px;

    }

    input[id*="last"] {

    width: 150px;

    }

    [id$='postal'] {display:none}

    [id$='state'] {display:none}

    #input_169_year {visibility:hidden;}

    #sublabel_year {visibility:hidden;}

    #label_155 {visibility:hidden;}

    #label_152 {visibility:hidden;}

    #label_113 {visibility:hidden;}

    #label_118 {visibility:hidden;}

     

    Clone form: http://www.jotformpro.com/form/30845059299970

    Feel free to contact us again if you need further assistance.

    Have a great day!

  • Profile Image
    applepiepro
    Answered on March 26, 2013 at 01:34 PM

    Thanks a bunch Pinoytech... this works as should.

    Great support!

  • Profile Image
    pinoytech
    Answered on March 26, 2013 at 01:45 PM

    It's my pleasure to assist you. Is there anything we can help you with?