How to change colour of border in hover text box

  • Groseeds
    Asked on March 14, 2015 at 6:24 AM

    Just like to say thank you so much for all the help on this forum :)

    We would like to change the border colour in the hover text box so that is stands out a little more. Appreciate some advice, thanks.

    Jotform Thread 533090 Screenshot
  • BJoanna
    Replied on March 14, 2015 at 7:14 AM

    It is possible to change the border color in the hover text box by Injecting Custom CSS. To do that inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .form-description {

    border: 4px solid #000000;

    }

    .form-description-arrow {

    border-color: transparent #000000 transparent transparent;

    }

    How to change colour of border in hover text box Image 1 Screenshot 30

    After adding this code your hit text border should look like this.

    How to change colour of border in hover text box Image 2 Screenshot 41 

    You need to change Hex values of background (e.g. #000000) for some other color of your choice. You can find Hex values of color on this link: http://www.w3schools.com/tags/ref_colorpicker.asp 

     

    Let us know if you need further assistance.

     

     

  • Groseeds
    Replied on March 14, 2015 at 7:31 AM

    You offer such a fantastic service with great customer service and a great customisable product. Thank you so much for you help.

  • BJoanna
    Replied on March 14, 2015 at 11:12 AM

    You're welcome and thank you for your kind words. We are glad that we could help.