Contact Form 7 Text field representation in BeThemes

Morpheus-2014 · May 2017

Hi Guys,

I'm going to create a website using the BeThemes. Under the following URL http://pixelway.de/projekt-cnaub/bestellformular/ is an order form, which was created with the plugin "Contact Form 7".

In this theme, I do not get a short text field and should be the field

"Number (mandatory field) must be optically short for a number 1 - 100. I can not make this input field shorter.

Can it be at the BeThemes? If I go to another website of mine, URL http://www.iuewt-media.de/form/ which I created with a Headway Themes and also with the plugin "Contact Form 7", it works.

Thank you for your help

Greeting Morph

Bryan · May 2017

Hi,
can you please activate another theme, like 'twentysixteen' and check if there is a problem?
I checked your form and eveything is working fine, where is the problem?
Can you please make screenshots describing it?
thanks

Morpheus-2014 · May 2017

Hi,

I would like to attach you a screen, to show what I mean, but as I hang here in the input field a picture, sorry.

Thank you for your help

Greeting Morph

Bryan · May 2017

can you please activate another theme, like 'twentysixteen' and check if there is a problem?
When you add a number field to the contact form 7 plugin there is a setting for the number range. See screen: http://prntscr.com/f6jiqr

Morpheus-2014 · May 2017

I use the Contact Form 7 version 4.7, but my form tag generator looks different. How do I get to the range?

http://prnt.sc/f6y6uh

Best regards

Bryan · May 2017

You are making a textfield.. please make a number field.
thanks

Morpheus-2014 · May 2017

I have now used a number field, but the width of the field can still not be corrected.

I would actually have my number field as smal as on the screen right.

http://prnt.sc/f80ib8

Thanks for your help

Bryan · May 2017

You mean this ?
http://prntscr.com/f81a2o
It all ok, where is the problem?
What browser on OS are you using?

Morpheus-2014 · May 2017

Yes, that's what I mean. What is not correct is that I can not reduce the input field, it really is for a number of max. 100 can not be longer. http://prntscr.com/f828jq

Thank you

Bryan · May 2017

It does not matter what is the value, the field is stretched by CSS.
Copy and paste this css, change the value to adjust it.

.number-566 input {
	width:100px !important;
}

Contact Form 7 Text field representation in BeThemes

Comments