Create a Text Button for Lightbox

  • Profile Image
    Asked on December 27, 2015 at 03:04 AM


    This is my website: mx


    And my lightbox is inside the footer, it says "CONTÁCTANOS"

    This is my code:



    .jt-content {overflow:hidden !important;}



      <script src="" type="text/javascript">

          var JFL_53598129820867 = new JotformFeedback({

            formId: '53598129820867',

            base: '',

            windowTitle: 'Opt In Form #2',

            background: '#b05151',

            fontColor: '#FFFFFF',

            type: '2',

            height: 600,

            width: 600,

            openOnLoad: false



          <a class="btn lightbox-53598129820867" style="margin-top: 5px;color:white;font-family:'Impact';font-size:30px">CONTÁCTANOS</a>



    I'd like to change the text color when the mouse is on it, ¿How would it be possible to do?


  • Profile Image
    Answered on December 27, 2015 at 12:37 PM

    You can change the style of the text button by adding your desired CSS in between the two <style> and </style> tags.

    The CSS selector for your lightbox button is .btn.lightbox-53598129820867, and since you want to style when it is being pointed with a mouse, we would add :hover to the selector: .btn.lightbox-53598129820867:hover

    So to change the color to gold on mouse-over, for example, you could use the CSS such as this:

    .btn.lightbox-53598129820867:hover { color: gold !important; }

    Your <style> tags would end up looking like this:


    .jt-content {overflow:hidden !important;}

    .btn.lightbox-53598129820867:hover { color: gold !important; }


    Of course, you can use any CSS color that you want, the gold color was simply an example. You can refer to the following page for a few more colors that you can use, but you can actually use any of the 16+ million CSS supported colors:

    If you need further assistance, please let us know, and we will be happy to help.

  • Profile Image
    Answered on December 27, 2015 at 09:22 PM

    Thanks a lot! 

    I finalyy got it.

    I really like JotForm!

  • Profile Image
    Answered on December 28, 2015 at 03:44 AM

    In the name of my colleague, you are most welcome. If you need any help in the future, please always feel free to contact us.


    Have a great day.