-
edubAsked on January 6, 2015 at 1:29 AM
Hello on my light box form the title bar does not seem to go all the way to the end. I attached a screen shot. Any suggestions would be great. Thanks.
http://goo.gl/pv0qlk
-
Welvin Support Team LeadReplied on January 6, 2015 at 6:04 AM
Hi,
Adding the following CSS codes to your website stylesheet will fix the problem:
.jt-title {
width: 400px !important;
}
Let us know if you need any further assistance about this matter.
Thank you!
-
edubReplied on January 6, 2015 at 3:41 PM
I entered this in my .CSS and didn't change anything. So we are on the same page. Put this code inside my website .css or inject this in the form box?
-
jonathanReplied on January 6, 2015 at 4:27 PM
Hi,
You can add it on your jotform http://www.jotform.us/form/50047912006142 custom CSS code and it should work.
I did a test page and it works here
Hope this help. Please let us know if still not resolved.
Thanks!
-
edubReplied on January 6, 2015 at 4:35 PM
So what happens is when I place the code below and save the whole form changes and gets longer. Also the code doesn't seem to fix the issue:(.
I followed what you showed me and no go..jt-title {
width: 400px !important;
}
-
edubReplied on January 6, 2015 at 4:57 PM
can you be so kind to test it? see the before and after? Right now I put it back. thank you
-
jonathanReplied on January 6, 2015 at 5:04 PM
Hi,
I can still see the issue when I checked this on your website
I embedded your jotform on my test website, but it works properly.
so it must be other script conflict that could be causing it on your website. Let me check more on it. I'll get back to you quickly.
Thanks.
-
edubReplied on January 6, 2015 at 5:11 PM
yes If you do it that way it works. But one embed it looks like screen shot I sent. Thanks for you help. Ill wait and hope to hear back from you with a fix:)
-
jonathanReplied on January 6, 2015 at 5:40 PM
Hi,
Can you please try like this instead.
1. Remove the old injected CSS code on your jotform http://www.jotform.us/form/50047912006142
remove:
.jt-title {
width: 400px !important;
}
2. Insert the style code with the head tag of the page instead
<style>
.jt-feedback ui-draggable {
width: 400px !important;
}
</style>
if you view the source code of my test page, you will see what I meant.
Please let us know of the results.
Thanks.
-
edubReplied on January 6, 2015 at 6:32 PM
Still no go:(. You can see the code in the source. I dont know what else it can be.
-
jonathanReplied on January 6, 2015 at 7:06 PM
I just realized you were using a different lightbox script src
<script src="//d2g9qbzl5h49rh.cloudfront.net/static/feedback2.js?3.2.4803" type="text/javascript">
var JFL_50047912006142 = new JotformFeedback({
formId:'50047912006142',
base:'http://jotform.us/',
windowTitle:'Request Form',
background:'#5bbdf8',
fontColor:'#FFFFFF',
type:false,
height:618,
width:400,
openOnLoad:false
});
</script>
Can you replace it with the default from jotform
<script src="http://www.jotform.com/static/feedback2.js?3.2.4824" type="text/javascript">
var JFL_50047912006142 = new JotformFeedback({
formId:'50047912006142',
base:'http://jotform.us/',
windowTitle:'Request Form',
background:'#5bbdf8',
fontColor:'#FFFFFF',
type:false,
height:618,
width:400,
openOnLoad:false
});
</script>
Hope this work this time. Update us.
Thanks.
-
edubReplied on January 6, 2015 at 8:17 PM
I appreciate your help. But still hasn't changed.
-
jonathanReplied on January 6, 2015 at 9:34 PM
Ok, I can still see it not working on your website
I am sure the scripts of your website theme is conflicting with the lightbox script. I need more time to replicate and create a test page with such theme so I can simulate the problem.
I'll get back to you later once I have a fixed.
I apologize for the delays.
Thanks.
-
edubReplied on January 6, 2015 at 9:45 PM
Awesome! You've been very nice to help. Customer for life. If that cant be fixed maybe change the black to the same color as the blue? just an idea?
If we try that how can that be done?
Thanks again!
-
edubReplied on January 6, 2015 at 10:43 PM
I was able to play with the code and fixed it! I guess you can say you fixed it. But I looked at some code and changed it a bit.
Fix:
<style type="text/css">
div.jt-title{
width: 400px !important;
</style> -
jonathanReplied on January 6, 2015 at 10:56 PM
I was able to replicate the website here
https://shots.jotform.com/jonathan/webtest/Lightbox-Title-Issue-490833.html
and reproduced the issue
but fixed it also
<style type="text/css">
.jt-title{
width: 400px !important;
}
</style>
Can you please try also on your website.
Thanks.
-
jonathanReplied on January 6, 2015 at 10:58 PM
Sorry, I did not see your latest response.
But yes! it is now fixed on your website http://www.infinityexhibits.com/beta-site/
-
edubReplied on January 6, 2015 at 11:09 PM
thanks again! You have been a great help. I had one more question which i asked in this post.
http://www.jotform.com/answers/491410-Move-Lightbox-Form-up#0
you are the best! thanks!
-
Elton Support Team LeadReplied on January 7, 2015 at 3:57 AM
@edub
You're welcome!
We'll be on your other thread shortly.