Thanks for the reply @anamaria. I’m not a tech guy. Can you please share the contatc form HTML code snippet used in momentum contact form? https://demo.tagdiv.com/newspaper_momentum_pro/contact/

I have the raw html and css, I’m looking for Contact Form 7 code snippet. For example,

This is just an example, great if you can share the exact same code that’s used on momentum contact from.

<div class="x-column x-sm x-1-2">
<label> First Name (required)
    [text* first-name] 
</label>
<label> Your Email (required)
    [email* your-email] 
</label>
<label> Phone Number(required)
    [text* phone-number] 
</label>
<label> City (required)
    [text* city] 
</label>
</div>
<div class="x-column x-sm x-1-2 mrn">
<label> Last Name (required)
    [text* last-name] 
</label>
<label> Address (required)
    [text* address] 
</label>
<label> Zip Code (required)
    [text* zip-code] 
</label>
<label> Subject
    [text your-subject] 
</label>

</div>

<div class="x-column x-sm x-1-1">
<label> Your Message
    [textarea your-message] 
</label>
[submit "Send"]
</div>

• This reply was modified 2 years by geekynaag.

@anamaria

Thanks @Anmaria. I have created a form using Contact Form 7. However, the theme custom code has different classes so when I paste the contact form shortcode, the customization is not applied. Seems I may need to use different class name in contact form html snippet.

<div id="td-request-form" class="td-request-form">
<div class="form-row">
<div class="column-half">First Name [text* first-name]</div>
<div class="column-half">Last Name [text* last-name]</div>
</div>
<div class="form-row">
<div class="column-half">Email [email* your-email]</div>
<div class="column-half">Phone [text* your-phone]</div>
</div>
<div class="form-row">
<div class="column-full">Subject [text* your-subject]</div>
</div>
<div class="form-row">
<div class="column-full">Your message [textarea your-message]</div>
</div>
<div class="form-row">
<div class="column-full">[submit "Send"]</div>
</div>
</div>

This is what my contact form 7 code snippet look like.

@Anamaria,

I tried importing the contact form https://demo.tagdiv.com/newspaper_momentum_pro/contact/. Can you please send me the contact form 7 code snippet?

<div id="td-request-form" class="td-request-form">
<div class="form-row">
<div class="column-half">First Name [text* first-name]</div>
<div class="column-half">Last Name [text* last-name]</div>
</div>
<div class="form-row">
<div class="column-half">Email [email* your-email]</div>
<div class="column-half">Phone [text* your-phone]</div>
</div>
<div class="form-row">
<div class="column-full">Subject [text* your-subject]</div>
</div>
<div class="form-row">
<div class="column-full">Your message [textarea your-message]</div>
</div>
<div class="form-row">
<div class="column-full">[submit "Send"]</div>
</div>
</div>

Seems, I’m missing proper class.

The new table of content looks good. However, I request you to add an option to hide/unhide at start.

If we have 10 headings, it won’t look good in mobile.

FYI, I’m using the same plugin.

If we consider an issue with the plugin, then it should work with manual configuration. But it’s not working with the above suggested plugin and manual process as well.

FYI – I have also observed the ToC won’t work when I enable TagDiv composer plugin. When I deactivate the plugin the ToC works as expected.

I assume it’s an issue with the composer plugin.