What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I change the hover effect color?

    Asked by Mnajib on May 11, 2017 at 11:53 PM

    How can I get the color of a link to change when a mouse is hovered over it? 

  • Profile Image
    JotForm Support

    Answered by John_Benson on May 12, 2017 at 02:49 AM

    If you're referring to this background color shown in the image below:

    You can change it by adding custom CSS code. Here's the custom CSS code:

    .form-line-error { 

        background-color: #464646 !important; 

    You can change the hex color code to your own preferences. For more hex color code, please check this link: http://www.color-hex.com/

    Here's a guide on: How-to-Inject-Custom-CSS-Codes

    Result:

    If you have questions, please contact us again. Thank you.

  • Profile Image

    Answered by Mnajib on May 12, 2017 at 03:26 AM

    No. Im talking about the text, when you put a link on the text. I want the text/link to turn a different color when the mouse hovers over. 

  • Profile Image
    JotForm Support

    Answered by candy on May 12, 2017 at 03:38 AM

    Hello,

    To my understanding, you want to write a URL inside the text field and you want to change its color when you hover on it as seen below:

    You can inject the following CSS code in order to change its color when hovering on it as you can see in the following screencast below:

    a:hover {

        color: hotpink;

    }

    Please try and if you need further assistance, let us know.

    Thanks.

  • Profile Image

    Answered by Mnajib on May 12, 2017 at 09:00 AM

    Does the same CSS code work if I want to write the words "click here" inside a textfield and hyperlink the "click here" to redirect them to a different page? 

  • Profile Image
    JotForm Support

    Answered by candy on May 12, 2017 at 09:06 AM

    Hello,

    Yes, the same CSS code will work as you can see the screencast below:

    Please try and if you need any further assistance, let us know.

    Thank you.