Contact Form 7 issues
Hi, and sorry to ask this here, but the default contact form 7 template includes in its code some classes "column" and "one-third". I get that the meaning of these can be easily derived from what they say, but I can find no documentation on them anywhere.
I assumed that these classes were built into contact form 7, but they don't have any mention of columns anywhere in their documentation at all.
So, maybe it is some custom feature in BeTheme?
I'm fine if you say it has nothing to do with you, but I've run out of sources for information and I'm left to guess.
Comments
Hi,
Classes like one-second, two-fifth, etc., are ours.
You can see how they work in the following video tutorial:
https://support.muffingroup.com/video-tutorials/how-to-build-forms-with-contact-form-7-betheme/
You can find their names here:
https://muffingroup.com/betheme/elements/column/
Here they are shown as shortcodes, but to use them as classed replace "_" with "-".
Best regards
Ok that's awesome.
Thank you very much.
Ok so I have some more trouble with this.
it seems that the URL type has less height than the text type. In the following examples, I am changing ONLY the type, and ONLY from "text" to "url" and I am getting 2 different rendered heights. It's causing the column wrapping to hijack the whole form layout.
Is there any way to fix this. Is this a known bug or something with contact form 7 maybe?
Thanks!
Please attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
You bet. Sorry - I should have done that before.
https://nicholass181.sg-host.com/
To see the form, you have to click the Book a Demo Today button inside the homepage first section. I've reverted the field back to a url type so you should see it not looking right. the ONLY thing I change to make it look correct, is change "url" to "text".
by the way - something is amiss with posting here. When I hit ENTER after adding the website, I am getting this error, here inside the post body.
I'm going to leave it below, but I'm unsure how you will see it...
It doesn't matter to me as I was able to work around it by using [SPACE] instead of [ENTER} above, so this is just for your information. :)
Thanks!
We have found the root cause and we will fix it in the upcoming update.
For now, please use the following CSS code:
input[type="url"]{ font-family: 'Poppins'!important; }Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Best regards
Fantastic,
That worked great.
Thanks!