Hey, I have to do a custom layout for just one page (featuring YouTube vids). This worked fine in earlier versions of the site where this part of the page was laid up as a table, but now I want to make it responsive layout (using <DIV>s, etc). So I'm coding as follows:
<div class="row">
<div class="col_6 first">
<h3>Video 1</h3>
</div>
<div class="col_6 last">
<h3>Video 2</h3>
</div>
</div>
<div class="row">
<div class="col_6 first">
<h3>Video 3</h3>
</div>
<div class="col_6 last">
<h3>Video 4</h3>
</div>
</div>
<div class="row">
<div class="col_6 first">
<h3>Video 5</h3>
</div>
<div class="col_6 last">
<h3>Video 6</h3>
</div>
</div>
When I save page and open HTML editor again I see:
<div class="row">
<div class="col_6 first">
<h3>Video 1</h3>
</div>
<div class="col_6 last">
<h3>Video 2</h3>
</div>
<div class="row">
<div class="col_6 first">
<h3>Video 3</h3>
</div>
<div class="col_6 last">
<h3>Video 4</h3>
</div>
<div class="row">
<div class="col_6 first">
<h3>Video 5</h3>
</div>
<div class="col_6 last">
<h3>Video 6</h3>
</div>
Anybody else seen this? What gives?
ps If anybody knows of a lightbox-type module that will actually play videos can they advise? Thanks.