Hi there,

I have used the web form builder to make a lovely sign up form, and embedded it in my website.

The problem is there is a scroll bar along the bottom of my form, that I do not want, and can't seem to get rid of. I'm not sure why it is here, as it wasn't there before. I have deleted and then re-inserted a header image, however it's exactly the same, so I don't think it would have caused the problem.

Can you help? I've checked that the header image is the same width as the form, and the space on my website that I inserted the html code is big enough to fit the form (200px).

Thanks,

Lauren.

http://laurentober2013b.weebly.com/contact.html

Try changing the width of the coffeecup form script where it says width 202px to 224.
You'll need to do it in two spots.

Hi,
I found one place to change it, I couldn't find the 2nd one your mentioned, but it seemed to work anyway.
However.... now the form is too wide for my website. Is there a way I can make it 200px again?
It worked fine before I upgraded from lite to 2.3.
Thanks,
lauren

Reduce this width and padding.
<td class="wsite-multicol-col" style="width:29.442148760331%;padding:0 15px">

Hello again,

What do you suggest I do this with this code? I'm using weebly for my website, so don't have access to the source code of the footer.

The space I have on my website for the form is approx. 200px. Before I upgraded from the free version to the paid version, the coffeecup form fitted nicely and it worked fine. However now there is a scroll bar under the form on my website, and I can't seem to get rid of it.

I changed the width from 202 to 224 as you suggested.......

<script type="text/javascript">document.write(unescape("%3Cscript src='http" + (document.location.protocol == 'https:' ? 's' : '') + "/www.coffeecup.com/api/sdrive/forms/form.js?name=Coffeecup%2520subscribe%2520form%2520-%2520%2526%2520download%2520a%2520gratitude%2520meditation%26slug=126769%26width=224%26height=319%26crossdomains=true' type='text/javascript'%3E%3C/script%3E"));</script>

.......however, the scroll bar at the bottom only disappears if I make the column the form is in bigger. However this looks crappy.

In a previous message, you said to change 202 to 224 in 2 places, but I can only find one place (in the script above). Where is the 2nd place?

Thanks,

Lauren

Lauren,
Did you try Eric's suggestion to reduce the padding for the table cell that contains the form?

Line 123:
<td class='wsite-multicol-col' style='width:25.826446280992%;padding:0 15px'>

You currently have 15px padding on the left and right sides. It looks like you may only need a reduction of a couple (or a few) pixels of the side paddings to get rid of the horizontal scrolling. You may e.g. try:

<td class='wsite-multicol-col' style='width:25.826446280992%;padding:0 10px'>

If you need to control the padding independently for top, bottom, left and right, you would change the format to:

<td class='wsite-multicol-col' style='width:25.826446280992%;padding:0px 10px 0px 10px'>, where the order is: top, right, bottom, left.

Hi there,

I'm using weebly, so I can't change it as you and Eric suggested as I don't have access to this code.

It was working fine before I upgraded to the paid version. And I didn't change anything, so I don't understand why now I have a paid version that it doesn't work.

Also, now I can't see the form on my site at all. I haven't changed anything, but it is just no longer visible. I checked that it wasn't weebly's fault by adding html code from MailChimp, and that works fine.

I'm feeling pretty frustrated.

Can you help me?

Lauren

Do you have the html editor or direct ftp?