RandomShortsv2: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div class="vanipedia-random-shorts-widget" style="background:#feffe1; padding:10px; border:0px solid #ddd; border-radius:8px; width:300px; box-sizing:border-box;"> | <!-- Outer box container matching the exact dimensions of the image quote cards --> | ||
<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 --> | ||
<div class="vani-shorts-viewport" style="width:280px; height:225px; | <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 --> | ||
<div | <div style="padding-top:10px; text-align:center; font-weight:bold; color:#345b63;"> | ||
YouTube Short Selection | YouTube Short Selection | ||
</div> | </div> | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||