where I found complete list of DIVs to format ConactForm7-fields

Hello,

I installed some preview websites in BeTheme, to see, how the conatct form, made with ContactForm 7, are designed.

So I found e. g. this:

<div class="column one-second">[text* your-name placeholder "Your name"] </div>

Where I found an list of all this DIVs that I can use for ContactForm 7?


Kind Reagrds,
Astrophytum

Comments

  • Hi,
    Please follow this documentation:
    It will explain you a lot of things of CF7

    Thanks
  • Hello,

    sorry, I dont ask how contact form 7 works, I asked for an list for the BeTheme DIV Class for the contact form 7 fields.

    Kind Regards,
    Astrophytum
  • You have everything explained in the documentation.
    It will prevent you from making issues.

    But, all of the content used in CF7, please go to the Contact > Contact Forms and edit your one of them.
    http://prntscr.com/mle2bu
    Thanks
  • Hello,

    sorry, you dont understand me...

    I know how CF7 works, absolutly no problem. I will know, where I can found the list of BeTheme DIV Class to format the input fields.

    BeTheme use on demo websites multicolumn formulars, so I show the sorce code and found this:

    <div class="column one-second">[text* your-name placeholder "Your name"] </div>

    The red DIV comes NOT from CF7, its from the BeTheme!

    And I will have a list, of all this DIVs that I can use in BeTheme.


    Kind Reagrds,
    Astrophytum

  • edited February 2019
    Hello!

    You are right! This is added by us when making those pre-built websites. It keeps the form organized.
    You do not have to use <div>
    elements, you can use shortcodes as well:

    Those shortcodes are for users who choose not to use Muffin Builder, and intend to build all pages using shortcodes only, 8 of which are shown here:

    [one_fourth]Insert your content here[/one_fourth]
    [one_third]Insert your content here[/one_third]
    [one_second]Insert your content here[/one_second]
    [two_third]Insert your content here[/two_third]
    [three_fourth]Insert your content here[/three_fourth]
    [one]Insert your content here[/one]
    [one_fifth]Insert your content here[/one_fifth]
    [one_sixth]Insert your content here[/one_sixth]

    If you want to keep using <div> elements, the classes would be:
    class="column one"
    class="column one-fourth"
    class="column one-third"
    class="column one-second"
    class="column two-third"
    class="column three-fourth"
    class="column one-fifth"
    class="column one-sixth"

    You can check more here:

    thanks
  • Hello,

    yeah, thats it I'm looking for! :)


    Thank you!

    Kind Regards,
    Astrophytum
Sign In or Register to comment.