29/09/2014 at 11:44
We have installed the plugin WooCommerce Custom Tabs.
We have included a form input Product Tabs but leave us size 0px
This does not happen but your plugin installed.
How can we solve this problem?
Thanks29/09/2014 at 18:05
We would like to solve the problem, but do not understand exactly what the problem is.
What does it mean: “We have included a form input Product Tabs but leave us size 0px.”?
Which form do you include? What size is 0 px?
What does it mean: “This does not happen but your plugin installed.”?
Can you send us more exact description or an URL or screenshot, where the problem can be seen?
Thanks in advance! I hope after clarification of the problem we can solve it.
WebshopLogic29/09/2014 at 18:11
if I do not use your plugin this does not happen …29/09/2014 at 18:45
This seems to be some kind of css conflict.
Which plugin do you use to include this form into the tab?
We have to see this page and it’s html source and css to examine this problem.
Can you send us a URL where we can see this page?
Peter30/09/2014 at 06:30
One more thing.
You wrote that before installing this plugin, this behavior was not occurred.
Have you tried it on a standard WooCommerce tab (e. g. Description tab) before installing our plugin?
If not, please inactivate our plugin, and insert this form to the standard Description tab of WooCommerce, whether the problem occurs without our plugin or not. Please send a screenshot about it.
Please also send the URL of your site where the original problem can be seen (according to our previous post).
Thanks in advance.
WebshopLogic30/09/2014 at 08:24
We have disabled your plugin and we have added the form in the description and we visualize the form correctly.
I send you the url and the screenshot:
Thanks30/09/2014 at 14:35
I saw that version, when the plugin is inactive.
Please activate the plugin, to see the “0 px” size form problem.
Peter30/09/2014 at 15:14
It is already activated the plugin30/09/2014 at 17:37
I see that Contact Form 7 (WPCF7) plugin generate your input fields with style=”width: 0px;”, that is why the fields are too narrow.
You can see it on the attached screenshot (goandweb1.png) and the html code below:
<input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Nombre / Empresa *" style="width: 0px;">
We try the plugin and WPCF7 plugin on another site, and they work together perfectly (see the second attached screenshot – goandweb2.png).
We do not know what is the reason of Contact Form 7 generate 0 px wide fields on your site, but “width: 0px;” tag is definitely in Contact Form 7 line, so we suppose ask Contact Form 7 support about it.
Some more ideas:
- Please insert some other context before the form on the tab, because on Descripción tab contains other content, not only the form, and on that tab form display was correct. There is no difference between standard Descripción tab and your custom tab (both generated by WooCommerce, our plugin just defines another tab, WooCommerce displays it but do not apply any CSS or HTML settings).
- Please see Contact Form 7 settings, if you have parameters about field width, please try to change it (ig. a fix width)
- Maybe try to activate another style, to see if the problem still exists? So the problem depend on the style or not?
One more interesting behavior of Contact Form 7 on your site: if I right click on a field and chose “Inspect element” menu in Chrome, the form will be displayed perfectly. You may ask the reason of it from Contact Form 7 support also. (See the 3. attached screenshot – goandweb3.png)
So this problem seems to be in connection with Contact Form, please ask them, try out the ideas above (especially the first).
If you have more questions, or if have have the answer of Contact Form support, please let us know and do not hesitate to contact us.
WebshopLogic01/10/2014 at 12:23
thanks, we have fixed it with css01/10/2014 at 17:17
Ok, thanks for the feedback.
- You must be logged in to reply to this topic.