Re: Best Way to Build This?

Arohanui2018

**This should be in the Muffin Builder category, sorry! Wrong builder.

Hello, I'm trying to figure out if there's an easy way to build this layout with Muffin Builder? Or do I need to use HTML? I'm fine with using HTML but was wondering if there's an easier way?

Thanks,

Steve

Arohanui2018

So I've added some custom code to a Tab block here: https://dev.irvinemontessori.com/school-locations-fees/university-montessori-school/

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

Pablo

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

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

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

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

https://dev.irvinemontessori.com/school-locations-fees/university-montessori-school/

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

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

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