1. 

   wcamp
   

   offline

   Member

   On a new Layout Builder Magic page, I've added a video at the end of a series of photos. While the photos appear as 100-percent size, the video pane at the bottom of the page is a little smaller. I'd like it to be full size so it matches the width of the photos.

   I presume that I mistakenly entered a requisite source code for that <div> tag.

   Here's the markup for the video tag:
   . . .
   <div id="p7LBM_1" class="p7LBM-01 p7LBM">
   <br>
   <div id="p7QC_1" class="p7QC">
   <div class="p7QC-content">
   <div class="video-wrapper brownborder">
   <iframe width="560" height="315" src="https://www.youtube.com/embed/ax4JtdhgZ_A?rel=0" allowfullscreen> </iframe>
   </div>
   <!-- end "video-wrapper" -->
   </div>
   <!-- end "p7QC-content" -->
   </div>
   <!-- end "QC1" -->
   </div>
   <!-- end "p7LBM-01 p7LBM" -->
   . . .

   And here's the URL: http://www.bigtreeschurch.com/photoAlbums/photosPage_spicerCamping-2019.html

   Please advise me of my error. Thanks, in advance.

   Warren

   Posted 1 year ago
2. 

   Sinclair
   

   offline

   Member

   Warren, why not just remove the Quick Column and LBM instances (both are structurally compromised - you edited those?), they're not necessary as far as I can see.

   So, delete this....

   <div id="p7LBM_1" class="p7LBM-01 p7LBM">

   and this....

   <div id="p7QC_1" class="p7QC">
   <div class="p7QC-content">

   and.....

   </div>
   <!-- end "p7QC-content" -->
   </div>
   <!-- end "QC1" -->
   </div>
   <!-- end "p7LBM-01 p7LBM" -->

   btw, jfyi, QC has padding left and right in it's content divs', that's where the video gets squeezed somewhat. QC is best used for adjacent multiple columns, equal height if so wished. Your video-wrapper is adequate.

   HTH

   Posted 1 year ago
3. 

   wcamp
   

   offline

   Member

   Once again, my friend, your sensible suggestion worked very well! And the pastor is pleased with the uniform appearance of the video pane with the same-size photo images.

   Many thanks, Sinclair. . .

   Sincerely,

   Warren

   Posted 1 year ago

RSS feed for this topic

Reply

You must log in to post.