Re: Best Way to Build This?

Comments

• Arohanui2018

  November 2020

  So I've added some custom code to a Tab block here: [Links visible only for registered users]

  If you have an easier way I'd love to hear it.
• Pablo

  December 2020

  Hello,

  Yes, of course there is possibility to build that.

  In the section settings, select the "Columns | Remove Horizontal Padding", and then create two wraps in that section and (first 2/3, second 1/3) with some horizontal padding.

  After that provide two columns for each of them, one for title and second one for the text.

  Of course, some elements will require the HTML code, but it will be only basic HTML, like <i> for icons :)

  thanks

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

  December 2020

  Thanks! That helped.

  Any idea how to create a 2 column contact form with contact form 7?

  So "Name" in column 1, row 1, then "Email" in column 2, row 1...?
• Pablo

  December 2020

  Please use our column shortcodes, they will allow you to divide your contact form in columns.

  https://themes.muffingroup.com/be/theme/shortcodes/typography/#columns

  
  

  thanks

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

  December 2020

  I tried that and it didn't work. Also tried wrapping the <label> in a <div>....still didn't work.

  [Links visible only for registered users]

  Here's the code:

  ```

  [one_second]

  <label>

  [text* your-name placeholder "Name"]

  </label>

  [/one_second]

  
  

  [one_second]

  <label>

  [email* your-email placeholder "Email"]

  </label>

  [/one_second]

  
  

  [one]

  <label>

  [tel your-tel placeholder "949-555-5555"]

  </label>

  [/one]

  
  

  [one]

  <label>

  [textarea your-message placeholder "Message"]

  </label>

  [/one]

  
  

  [submit "Send Message to University Montessori"]

  ```
• Pablo

  December 2020

  Please try to insert the "one", "one-second" in div classes, like here:

  <div class="column one"><label>[text* your-name placeholder "Name"] </label></div>
  <div class="column one-second"><label>[email* your-email placeholder "Email"]</label></div>
  <div class="column one-second"><label>[text your-subject placeholder "Subject"]</label></div>
  <div class="column one"><label>[textarea your-message placeholder "Your message"] </label></div>
  <div class="column one">[submit class:button_full_width "Send"]</div>
  

  Thanks

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

  December 2020

  Ha! That makes sense! Yes, that worked, thanks.