Registration Form too big?

Hi,

My website is at: ktoolbox.com/subscription/rational-metho...icopa-county/sign-up

The the fields in the registration form are way too long. You can't see the warning messages.

How do I fix this?

Thank you,

Frank K.

Hi Frank

That causes by your site template css. Please look at the line 1695 of your site template css templates/ktoolbox2/css/template.css, you will see the css code below:

Remove width: 100%; from above css code block and it will solve the issue

Thank you very much. Actually, removing 100% didn't solve the problem. I had to change it to 70% or something and it works beautifully.

However, it messes up all my other pages. Is there any way I can override this 100% in your template?

Thank you,

Frank

Hi Frank

There must be a way for overriding it within our component custom css. However, it will be faster for my template developer to do that than myself, so please submit a support ticket so that I can ask my template developer to look at it and solve it for you on tomorrow morning

Tuan

You can control the width via CSS just for that form. All you have to do is get the form ID and the class. I am not familiar with the template your are using and whether you can create a custom css file to control the layout of your site, font, etc... but you can try this:.

form-horizontal .controls {
margin-left: 180px;
width: 50%;
}
If the above syntax works for you, you can adjust the width % accordingly.

Please note that I was able to change the input field width using the same CSS syntax above through my custom css!

I hope this helps!