Content Area Modal: one works, the rest don't

Hi there,

I’m using Content Area Modals on this page: http://www.mothercityhop.com/teachers/ but only the first one works. The settings for each modal element are exactly the same, so there seems to be a bug that I’m not picking up… Any ideas?
Login attached.

Hi @muriel,

Thanks for reaching out.

I see multiple issues like this and it’s caused by the added malformed HTML content. HTML content should have proper open and close element. Let’s use the first modal content as a sample,

<div style="font-size: 0.9em; line-height: 1.7; text-align: left;"><b>Sharon Davis</b> is internationally known for her distinctive style in Lindy Hop, Charleston, Blues and Burlesque. Australian born but now based in London, Sharon has taught and performed around the world. She holds 1st place titles at the International Lindy Hop Championships, Ultimate Lindy Hop Showdown, National Jitterbug Championships, Canadian Swing Championships, Burlesque Hall of Fame, World Burlesque Games and has claimed numerous other awards internationally. She is known for her dedication to the history of vernacular jazz dances and the music they evolved to. Her classes focus on pairing dynamic connection and flow, with body awareness and quality of movement as a pathway to individual style, creativity and musicality. With her bright and bubbly personality, Sharon’s teaching style is energetic, inspiring and fun. She founded the European Swing Dance Championships, and runs a dance company in London called JazzMAD. Visit www.sharonmdavis.com to find out more about her.<br><br>
Watch a video:
<br>
<div class="video-container"> 
<iframe width="260" height="180" src="https://www.youtube.com/embed/42LGpqHFkRY" frameborder="0" allowfullscreen></iframe> 
</div>

You’re missing </div> to match the first <div>, it should be like this.

<div style="font-size: 0.9em; line-height: 1.7; text-align: left;"><b>Sharon Davis</b> is internationally known for her distinctive style in Lindy Hop, Charleston, Blues and Burlesque. Australian born but now based in London, Sharon has taught and performed around the world. She holds 1st place titles at the International Lindy Hop Championships, Ultimate Lindy Hop Showdown, National Jitterbug Championships, Canadian Swing Championships, Burlesque Hall of Fame, World Burlesque Games and has claimed numerous other awards internationally. She is known for her dedication to the history of vernacular jazz dances and the music they evolved to. Her classes focus on pairing dynamic connection and flow, with body awareness and quality of movement as a pathway to individual style, creativity and musicality. With her bright and bubbly personality, Sharon’s teaching style is energetic, inspiring and fun. She founded the European Swing Dance Championships, and runs a dance company in London called JazzMAD. Visit www.sharonmdavis.com to find out more about her.<br><br>
Watch a video:
<br>
<div class="video-container"> 
<iframe width="260" height="180" src="https://www.youtube.com/embed/42LGpqHFkRY" frameborder="0" allowfullscreen></iframe> 
</div>
</div>

Please fix all modal contents first and test it again.

Thanks.

That fixed it, thanks so much!

You are most welcome!

I have another question about Content Area Modals, on a different site: http://boogiebackdance.com/teachers/

These ones have simple content, just text, and the div tags are there (open and close), yet none of the elements work… Any ideas?

Hi There,

I could see that you’ve updated the Cornerstone plugin to the latest version but not updated X theme yet.

Could you please update it to the latest version as well?

https://theme.co/changelog/

Thanks.

Gosh, I apologise, I really should have checked for that first. Thank you, that was the fix!

You’re most welcome! No problem at all and glad we could help you :wink:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.