Problem with form field height (SOLVED!)

Ecommerce design Joomla template to start your online business with VirtueMart and additional eshop features.
GK User
Sat Apr 16, 2011 6:48 am
Hi,

I have encountered a so wonkie problem that cant even think of where to start resolving it.:blink:

Made a new contact form with my favorite form creator SmartFormer. Everything was great until I looked that form in front end. I was more than surprised to see that YourShop template has also styled my SmartFormer contact form - no template before has done that and I have allways had to manually alter the design of forms. But this aint the problem here. Problem is that for some reason YourShop template does not allow me to change form field (etc text area) height. I have set it to 150 px but its looking like 20 px.

I have used SmartFormer on about dozen of websites from very different manufactures (Rockettheme, Shape5, Joomlart, Joomla51) but have never had such problem before. Also no theme has managed to "design" those forms before so I am 87% sure that its something to do with YourShop theme.

If anyone could give me any pointers where should I look for solution to this problem.

Thanks in advance!:)

PS: A screenshot of that form is also attacked if anyone is interested.
Problem_With_Form.jpg


EDIT:
I looked out the pice of code of that form element with FireBug and it looks like this:
Code: Select all
<textarea id="c_form_element7" style="border: 1px solid rgb(136, 136, 136); position: absolute; margin: 0px; padding: 0px; z-index: 1; left: 139px; top: 241px; width: 250px; height: 150px; font-family: Arial; font-size: 12px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" title="" name="c_form_element7"></textarea>


am I stupid or am I stupid but it kinda tells me that this form should be 150 px in height :unsure:
User avatar
Fresh Boarder

GK User
Thu Apr 21, 2011 6:18 am
A small bumb on this :P
User avatar
Fresh Boarder

teitbite
Thu Apr 21, 2011 10:32 pm
Hi

Please show me this form on Your site.
User avatar
Moderator

GK User
Fri Apr 22, 2011 4:26 am
Thanks!

Mail sent with the link in question.
User avatar
Fresh Boarder

teitbite
Sat Apr 23, 2011 4:59 pm
Hi

The problem is in templates/gk_yourshop/css/joomla.css . Please try to remove this code from this file:

Code: Select all
textarea {
    height: inherit !important;
}
User avatar
Moderator

GK User
Sat Apr 23, 2011 5:22 pm
teitbite, you are a real life saver! :)

Huge thanks to you, this solution worked like a charm! :)
User avatar
Fresh Boarder

teitbite
Sat Apr 23, 2011 9:57 pm
Hi

Do not thank me :) All thanks to the Firebug :D
User avatar
Moderator


cron