I'm having trouble adding the lightbox button to my website.
- AlixAsked 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
- JotForm Supportashwin_dAnswered 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:
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.
- alixbryantAnswered on March 14, 2019 at 08:43 PMThank 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 |
... - JotForm SupportBDAVIDAnswered 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>
- alixbryantAnswered on March 15, 2019 at 04:43 PMThanks 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 |
... - JotForm SupportVictoria_KAnswered 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!
- alixbryantAnswered on March 16, 2019 at 06:43 PMSorry, 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 |
... - alixbryantAnswered on March 16, 2019 at 06:43 PMOh, 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 |
... - JotForm SupportEltonCrisAnswered 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:
- alixbryantAnswered on March 16, 2019 at 09:43 PMWow! 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 |
...