Re: Best Way to Build This?

Arohanui2018 · November 2020

**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?

Montessori-Schools-of-Irvine_Mockups_v1.pdf 2020-11-30 13-47-36.png

Thanks,

Steve

Arohanui2018 · November 2020

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 · 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

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

Arohanui2018 · December 2020

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 · 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

Arohanui2018 · December 2020

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

Re: Best Way to Build This?

Comments