Template

RandomShortsv2: Difference between revisions

Kashya (talk | contribs)
No edit summary
Tag: Reverted
Kashya (talk | contribs)
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<includeonly>
<!-- Outer box container matching the exact dimensions of the image quote cards -->
<div style="background:#feffe1;padding:10px;border:0px solid #ddd;border-radius:8px;width:300px;">
<div class="vanipedia-random-shorts-widget" style="background:#feffe1; padding:10px; border:0px solid #ddd; border-radius:8px; width:300px; display:inline-block; box-sizing:border-box;">
    
    
   <!-- Target player viewport container set to 280px wide to match your middle template card layout -->
   <!-- Active Player Viewport Container -->
   <div class="vani-shorts-viewport" style="width:280px; height:225px; overflow:hidden; border-radius:10px; margin:0 auto;">
   <div class="vani-shorts-viewport" style="width:280px; height:225px; overflow:hidden; border-radius:10px; margin:0 auto;">
     Loading short...
     Loading short...
   </div>
   </div>
    
    
   <!-- Text formatting matching your screenshot example precisely -->
   <!-- FIXED: Wrapped in standard paragraph and layout styles to match your middle card character-for-character -->
<div style="padding-top:10px;text-align:center;font-weight:bold;color:#345b63;">
  <div style="padding-top:10px;text-align:center;font-weight:bold;color:#345b63;">
     YouTube Short Selection
     <p style="margin:0;padding:0;display:inline;">YouTube Short Selection</p>
   </div>
   </div>
</div>
</div>
</includeonly>
</includeonly>

Latest revision as of 10:18, 20 May 2026