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.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.