I'm having trouble adding the lightbox button to my website.

  • Profile Image
    Alix
    Asked on March 14, 2019 at 11:54 AM

    Hello. I'm having trouble adding the lightbox button to my website. Here is the video explanation.https://www.useloom.com/share/941f17e2490948a688e1dee6121ecb21

    Thanks for your help.



    This is a re-post of a comment on How to Create a Lightbox Form

  • Profile Image
    ashwin_d
    Answered on March 14, 2019 at 01:44 PM

    I am sorry for the trouble caused to you. There seems to be some confusion as the color you are changing is for the lightbox title background & text color. Please check the screenshot below:

    1552585194lightbox.gif

    If you want the background color of the hyperlink to be purple and font color to be white, we need to edit the embed code. Please use the following lightbox code and that should solve your problem:

    <script src="https://form.jotform.com/static/feedback2.js" type="text/javascript"></script><script type="text/javascript">

            var JFL_50623256188962 = new JotformFeedback({

              formId: '50623256188962',

              base: 'https://form.jotform.com/',

              windowTitle: 'Register NOW',

              background: '#9013fe',

              fontColor: '#ffffff',

              type: 'false',

              height: 500,

              width: 700,

              openOnLoad: false

            });

        </script>

          <a class="btn lightbox-50623256188962" style="margin-top: 16px;background-color: #9013fe;color: #fff;">

            Course A Evaluation- Lessons 11-20, American People II

          </a>

    Hope this helps.

    Do get back to us if you have any questions.

  • Profile Image
    alixbryant
    Answered on March 14, 2019 at 08:43 PM
    Thank you, yes that helps. One more thing, how do I adjust the height of
    the button (it's too skinny)
    Alix Bryant
    alix@ushistoryabroad.com
    U.S. History Abroad
    www.ushistoryabroad.com
    https://www.facebook.com/ushistoryabroad
    [image: U.S. History Abroad]
    Providing American history courses to students in:Abuja | Accra | Addis
    Ababa | Amman | Ankara | Astana | Athens | Bandar Seri Begawan | Bangkok |
    Beijing | Belgrade | Bogota | Brasilia | Bratislava | Bucharest | Budapest
    | Buenos Aires | Cairo | Chennai | Chisinau | Colombo | Copenhagen |
    Croughton | Dakar | Dar es Salaam | Dijibouti | Dhaka | Gaborone | Geneva |
    Georgetown | Hanoi | Harare | Heath & Reach | Hermosillo | Hong Kong |
    Hyderabad | Jakarta | Jerusalem | Johannesburg | Kampala | Kuala Lumpur |
    Kuwait City | Kyiv | Lima | Managua | Manila | Moscow | Munich | Mumbai |
    Nairobi | New Delhi | Nouakchott | Oslo | Ottawa | Panama City | Rabat |
    Reykjavik | Riga | Riyadh | Rome | San Salvador | Santiago | Santo Domingo
    | Seoul | Shanghai | Shenyang | Stockholm | Taipei | Tashkent | Tbilisi |
    Tirana | Tunis | Ulaanbaatar | Valletta | Vienna | Windhoek | Yaoundé |
    Zagreb |
    ...
  • Profile Image
    BDAVID
    Answered on March 14, 2019 at 11:53 PM

    Try adding this code "padding-top: 7px; padding-bottom: 7px;" in the <a> tag:


    <script src="https://form.jotform.com/static/feedback2.js" type="text/javascript"></script><script type="text/javascript">

            var JFL_50623256188962 = new JotformFeedback({

              formId: '50623256188962',

              base: 'https://form.jotform.com/',

              windowTitle: 'Register NOW',

              background: '#9013fe',

              fontColor: '#ffffff',

              type: 'false',

              height: 500,

              width: 700,

              openOnLoad: false

            });

        </script>

          <a class="btn lightbox-50623256188962" style="margin-top: 16px;background-color: #9013fe;color: #fff;padding-top: 7px; padding-bottom: 7px;">

            Course A Evaluation- Lessons 11-20, American People II

          </a>

  • Profile Image
    alixbryant
    Answered on March 15, 2019 at 04:43 PM
    Thanks for helping me with this.
    The button is almost perfect, but I could still use some help with the
    padding. It seems no matter how large I make it (from 7px to 200px), it
    doesn't change. I've attached screenshot of what it currently looks like
    and what I would LIKE it to look like. Here is the code that I'm using.
    type="text/javascript">

    Reserve Your Seat!

    Alix Bryant
    alix@ushistoryabroad.com
    U.S. History Abroad
    www.ushistoryabroad.com
    https://www.facebook.com/ushistoryabroad
    [image: U.S. History Abroad]
    Providing American history courses to students in:Abuja | Accra | Addis
    Ababa | Amman | Ankara | Astana | Athens | Bandar Seri Begawan | Bangkok |
    Beijing | Belgrade | Bogota | Brasilia | Bratislava | Bucharest | Budapest
    | Buenos Aires | Cairo | Chennai | Chisinau | Colombo | Copenhagen |
    Croughton | Dakar | Dar es Salaam | Dijibouti | Dhaka | Gaborone | Geneva |
    Georgetown | Hanoi | Harare | Heath & Reach | Hermosillo | Hong Kong |
    Hyderabad | Jakarta | Jerusalem | Johannesburg | Kampala | Kuala Lumpur |
    Kuwait City | Kyiv | Lima | Managua | Manila | Moscow | Munich | Mumbai |
    Nairobi | New Delhi | Nouakchott | Oslo | Ottawa | Panama City | Rabat |
    Reykjavik | Riga | Riyadh | Rome | San Salvador | Santiago | Santo Domingo
    | Seoul | Shanghai | Shenyang | Stockholm | Taipei | Tashkent | Tbilisi |
    Tirana | Tunis | Ulaanbaatar | Valletta | Vienna | Windhoek | Yaoundé |
    Zagreb |
    ...
  • Profile Image
    Victoria_K
    Answered on March 15, 2019 at 06:06 PM

    I am sorry, but we have not received your screenshot. We can not receive attachments sent with email reply. Could you please visit this support thread to upload a screenshot? 

    Guide: How-to-Post-Screenshots-to-Our-Support-Forum

    It would help us a lot if you can share web site link so we checked embedded form.

    Thank you!

  • Profile Image
    alixbryant
    Answered on March 16, 2019 at 06:43 PM
    Sorry, how about viewing this explanation:
    https://www.useloom.com/share/2aa2833098494467969c13365529a426
    Alix Bryant
    alix@ushistoryabroad.com
    U.S. History Abroad
    www.ushistoryabroad.com
    https://www.facebook.com/ushistoryabroad
    [image: U.S. History Abroad]
    Providing American history courses to students in:Abuja | Accra | Addis
    Ababa | Amman | Ankara | Astana | Athens | Bandar Seri Begawan | Bangkok |
    Beijing | Belgrade | Bogota | Brasilia | Bratislava | Bucharest | Budapest
    | Buenos Aires | Cairo | Chennai | Chisinau | Colombo | Copenhagen |
    Croughton | Dakar | Dar es Salaam | Dijibouti | Dhaka | Gaborone | Geneva |
    Georgetown | Hanoi | Harare | Heath & Reach | Hermosillo | Hong Kong |
    Hyderabad | Jakarta | Jerusalem | Johannesburg | Kampala | Kuala Lumpur |
    Kuwait City | Kyiv | Lima | Managua | Manila | Moscow | Munich | Mumbai |
    Nairobi | New Delhi | Nouakchott | Oslo | Ottawa | Panama City | Rabat |
    Reykjavik | Riga | Riyadh | Rome | San Salvador | Santiago | Santo Domingo
    | Seoul | Shanghai | Shenyang | Stockholm | Taipei | Tashkent | Tbilisi |
    Tirana | Tunis | Ulaanbaatar | Valletta | Vienna | Windhoek | Yaoundé |
    Zagreb |
    ...
  • Profile Image
    alixbryant
    Answered on March 16, 2019 at 06:43 PM
    Oh, and here is the link to the website so you can check the code.
    https://www.ushistoryabroad.com/workshop.html
    Sorry, how about viewing this explanation:

    Weebly Watch
    Video

    https://www.useloom.com/share/2aa2833098494467969c13365529a426
    Alix Bryant
    alix@ushistoryabroad.com
    U.S. History Abroad
    www.ushistoryabroad.com
    https://www.facebook.com/ushistoryabroad
    [image: U.S. History Abroad]
    Providing American history courses to students in:Abuja | Accra | Addis
    Ababa | Amman | Ankara | Astana | Athens | Bandar Seri Begawan | Bangkok |
    Beijing | Belgrade | Bogota | Brasilia | Bratislava | Bucharest | Budapest
    | Buenos Aires | Cairo | Chennai | Chisinau | Colombo | Copenhagen |
    Croughton | Dakar | Dar es Salaam | Dijibouti | Dhaka | Gaborone | Geneva |
    Georgetown | Hanoi | Harare | Heath & Reach | Hermosillo | Hong Kong |
    Hyderabad | Jakarta | Jerusalem | Johannesburg | Kampala | Kuala Lumpur |
    Kuwait City | Kyiv | Lima | Managua | Manila | Moscow | Munich | Mumbai |
    Nairobi | New Delhi | Nouakchott | Oslo | Ottawa | Panama City | Rabat |
    Reykjavik | Riga | Riyadh | Rome | San Salvador | Santiago | Santo Domingo
    | Seoul | Shanghai | Shenyang | Stockholm | Taipei | Tashkent | Tbilisi |
    Tirana | Tunis | Ulaanbaatar | Valletta | Vienna | Windhoek | Yaoundé |
    Zagreb |
    ...
  • Profile Image
    EltonCris
    Answered on March 16, 2019 at 09:04 PM

    Update the button code with the following.

    <a class="btn lightbox-90736080327961" style="margin-top: 16px;background-color: #cf1e25;color: #fff;padding: 10px 20px;text-decoration: none;display: inline-block;cursor:pointer;">Reserve Your Seat!</a>

    Result:


  • Profile Image
    alixbryant
    Answered on March 16, 2019 at 09:43 PM
    Wow! Thank you so much, that's just what I wanted. Fantastic customer
    service!!! It's really appreciated!
    Alix Bryant
    alix@ushistoryabroad.com
    U.S. History Abroad
    www.ushistoryabroad.com
    https://www.facebook.com/ushistoryabroad
    [image: U.S. History Abroad]
    Providing American history courses to students in:Abuja | Accra | Addis
    Ababa | Amman | Ankara | Astana | Athens | Bandar Seri Begawan | Bangkok |
    Beijing | Belgrade | Bogota | Brasilia | Bratislava | Bucharest | Budapest
    | Buenos Aires | Cairo | Chennai | Chisinau | Colombo | Copenhagen |
    Croughton | Dakar | Dar es Salaam | Dijibouti | Dhaka | Gaborone | Geneva |
    Georgetown | Hanoi | Harare | Heath & Reach | Hermosillo | Hong Kong |
    Hyderabad | Jakarta | Jerusalem | Johannesburg | Kampala | Kuala Lumpur |
    Kuwait City | Kyiv | Lima | Managua | Manila | Moscow | Munich | Mumbai |
    Nairobi | New Delhi | Nouakchott | Oslo | Ottawa | Panama City | Rabat |
    Reykjavik | Riga | Riyadh | Rome | San Salvador | Santiago | Santo Domingo
    | Seoul | Shanghai | Shenyang | Stockholm | Taipei | Tashkent | Tbilisi |
    Tirana | Tunis | Ulaanbaatar | Valletta | Vienna | Windhoek | Yaoundé |
    Zagreb |
    ...