Support Center Visit Demo License manager Buy @ envato

Contact Form 7 issues

tradearttradeart
in Other

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

  • PhilPhil

    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 "-".

    image.png

    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • tradearttradeart

    Ok that's awesome.

    Thank you very much.

  • tradearttradeart

    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.

    image.png

    Is there any way to fix this. Is this a known bug or something with contact form 7 maybe?

    Thanks!

  • PhilPhil

    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

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • tradearttradeart

    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".

    image.png

    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.

    image.png

    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!

  • PhilPhil

    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

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • tradearttradeart

    Fantastic,

    That worked great.

    Thanks!

Sign In or Register to comment.