-
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.
-
Ashwin JotForm SupportReplied on March 14, 2019 at 1: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.
-
alixbryantReplied on March 14, 2019 at 8: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 |
... -
David JotForm Support ManagerReplied 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>
-
alixbryantReplied on March 15, 2019 at 4: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 |
... -
Victoria_KReplied on March 15, 2019 at 6: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!
-
alixbryantReplied on March 16, 2019 at 6: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 |
... -
alixbryantReplied on March 16, 2019 at 6: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 |
... -
Elton Support Team LeadReplied on March 16, 2019 at 9: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:
-
alixbryantReplied on March 16, 2019 at 9: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 |
...