Right side of the Lightbox Title Bar is not align to the form container

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

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!

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?

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!

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;

}

can you be so kind to test it? see the before and after? Right now I put it back. thank you

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.

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:)

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.

Still no go:(.  You can see the code in the source. I dont know what else it can be.

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.

I appreciate your help. But still hasn't changed.

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.

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!

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>

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.

Sorry, I did not see your latest response.

But yes! it is now fixed on your website http://www.infinityexhibits.com/beta-site/

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!

@edub

You're welcome!

We'll be on your other thread shortly.