CINXE.COM

<!DOCTYPE html><html data-wf-domain="specs.ign.com" data-wf-page="62baa4fde2e7083bea929146" data-wf-site="62627889a5602e14910cd1a7" lang="en" data-wf-collection="62baa4fde2e7082224929143" data-wf-item-slug="skin"><head><meta charset="utf-8"/><title>Ad Specs - IGN</title><meta content="Ziff Davis International offers both industry standard and custom advertising solutions." name="description"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/css/ign-2.d3c6c1acf.css" rel="stylesheet" type="text/css"/><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/626279d39a75cf95445c2157_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/626279d829f9d307bb7c8954_webclip.png" rel="apple-touch-icon"/><style> video { display: block; border-radius: 15px; overflow: hidden; -webkit-transform: translateZ(0); -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.08); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.08); } </style></head><body class="body-3"><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav"><div class="bar-wrapper"><div class="progress-bar"></div></div><div class="w-layout-hflex menu_container"><div class="brand-container"><a href="/" class="w-inline-block"><div class="logo w-embed"><?xml version="1.0" encoding="UTF-8"?><svg id="Foreground" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 713.63 110.08"><defs><style>.cls-1{fill:var(--color--logo-white);}.cls-1,.cls-2{fill-rule:evenodd;}.cls-2{fill:#ffffff;}.cls-3{fill:var(--color--logo-black);}.cls-4{fill:#bf1313;}</style></defs><path class="cls-3" d="M713.63,7.18v95.72c0,3.96-3.22,7.18-7.17,7.18H194.36l.03-110.08h512.07c3.95,0,7.17,3.22,7.17,7.18Z"/><path class="cls-4" d="M194.39,0l-.03,110.08H7.13c-3.93-.03-7.13-3.24-7.13-7.18V7.18C0,3.24,3.2.03,7.13,0h187.26Z"/><path class="cls-2" d="M40.33,28.21h-11.78v46.35c0,3.05,2.48,5.53,5.54,5.53h6.24V28.21ZM68.03,59.69v-11.21h30.05c3.05,0,5.53,2.48,5.53,5.53v13.32c0,6.84-5.47,12.52-12.44,12.53h-19.23c-14.26,0-25.79-11.49-25.79-25.71s11.6-25.73,25.81-25.73h29.79v11.82h-29.79c-7.68,0-13.98,6.23-13.98,13.91s6.21,13.89,13.97,13.89h19.86v-8.35h-23.77ZM160.95,28.24h-6.32v39.94c0,.12-.02.23-.08.33-.15.24-.41.4-.71.4-.24,0-.47-.12-.72-.44l-19.81-34.72c-2.21-3.69-6.25-6.12-10.77-6.12h-.22c-6.91,0-12.51,5.6-12.51,12.52v34.41c0,3.05,2.48,5.53,5.53,5.53h6.27v-39.93c0-.14.05-.26.11-.37.14-.25.4-.42.7-.42.24,0,.54.09.7.4l19.93,34.95c2.19,3.69,6.15,5.94,10.68,5.94h.21c6.91,0,12.52-5.6,12.52-12.51v-34.37c0-3.05-2.48-5.53-5.53-5.53Z"/><path class="cls-1" d="M366.81,41.59h5.72v3.66c3.24-2.93,7.58-4.39,12.34-3.83v5.81c-7.28-.66-11.91,2.87-11.91,10.15v22.56h-6.17l.02-38.35ZM446.69,79.92v-27.41c0-7.15-5.2-11.92-15.49-11.92s-16.17,4.99-16.61,12.66h6.56c.68-5.59,5.96-6.85,9.98-6.85,6.48,0,9.39,2.3,9.39,5.36s-3.05,4.77-12.44,5.22c-9.9.52-15.64,4.1-15.64,11.99s7.08,11.85,14.98,11.85c5.96,0,10.37-1.92,13.13-5.27v4.37s6.16,0,6.16,0ZM440.5,65.18c-.15,6.93-6.33,9.76-12.87,9.76-4.92,0-8.93-1.79-8.93-5.96,0-3.2,1.86-6.1,10.2-6.62,4.54-.3,9.08-.82,11.61-3.06v5.88ZM674.68,74.06c-4.69.3-8.86-1.41-8.86-8.17v-18.27h8.71v-6.03h-8.71v-7.3h-6.25v31.6c0,9.73,6.18,15.01,15.11,13.97v-5.8ZM651.59,56.85c0-9.52-5.36-16.23-14.74-16.23-4.61,0-8.56,1.93-11.16,5.14v-4.17h-6.1v38.34h6.33v-23.45c0-5.74,4.24-10.05,10.05-10.05,6.1,0,9.38,4.32,9.38,10.2v23.3h6.25v-23.08ZM581,56.77c1.64-6.54,7.22-10.42,12.51-10.42,5.58,0,10.79,4.17,12.35,10.42h-24.86ZM605.26,68.01c-2.08,4.47-5.95,7.08-11.39,7.08-6.33,0-12.44-4.69-13.25-12.65h32.24c.07-13.62-9.46-21.81-19.36-21.81-10.64,0-19.28,9.08-19.28,20.17s8.64,20.03,19.65,20.03c8.86,0,15.42-4.62,18.1-12.81h-6.7ZM567.44,56.18c0-9.53-5.37-15.56-14.23-15.56-5.5,0-9.6,2.61-11.99,6.55-2.38-4.1-6.39-6.55-11.83-6.55-4.24,0-7.82,1.93-10.2,5.14v-4.17h-6.11v38.34h6.34v-23.45c0-5.74,3.87-10.05,9.08-10.05,5.65,0,8.63,3.64,8.63,9.6v23.9h6.25v-23.45c0-5.74,3.8-10.05,9-10.05,5.89,0,8.71,3.64,8.71,9.6v23.9h6.34v-23.75ZM504.41,56.85c0-9.52-5.37-16.23-14.75-16.23-4.61,0-8.56,1.93-11.16,5.14v-4.17h-6.11v38.34h6.34v-23.45c0-5.74,4.24-10.05,10.05-10.05,6.11,0,9.38,4.32,9.38,10.2v23.3h6.25v-23.08ZM462.47,41.59h-6.33v38.34h6.33v-38.34ZM462.47,28.26h-6.33v6.84h6.33v-6.84ZM405.7,74.06c-4.69.3-8.86-1.41-8.86-8.17v-18.27h8.71v-6.03h-8.71v-7.3h-6.25v31.6c0,9.73,6.18,15.01,15.11,13.97v-5.8ZM328.24,56.77c1.64-6.54,7.22-10.42,12.51-10.42,5.58,0,10.79,4.17,12.35,10.42h-24.86ZM352.51,68.01c-2.08,4.47-5.95,7.08-11.39,7.08-6.32,0-12.43-4.69-13.25-12.65h32.23c.08-13.62-9.45-21.81-19.35-21.81-10.65,0-19.28,9.08-19.28,20.17s8.63,20.03,19.65,20.03c8.86,0,15.42-4.62,18.1-12.81h-6.7ZM317.15,74.06c-4.69.3-8.86-1.41-8.86-8.17v-18.27h8.71v-6.03h-8.71v-7.3h-6.25v31.6c0,9.73,6.18,15.01,15.11,13.97v-5.8ZM294.06,56.85c0-9.52-5.36-16.23-14.74-16.23-4.62,0-8.56,1.93-11.16,5.14v-4.17h-6.11v38.34h6.33v-23.45c0-5.74,4.24-10.05,10.05-10.05,6.11,0,9.38,4.32,9.38,10.2v23.3h6.25v-23.08ZM224.4,43.75c0-6.1,3.2-9.46,9.15-9.46h20.21v-6.03h-20.21c-9.37,0-15.48,5.66-15.48,15.48v20.69c0,9.75,6.11,15.49,15.48,15.49h20.21v-6.1h-20.21c-5.95,0-9.15-3.35-9.15-9.38v-7.44h29.14v-5.88h-29.14v-7.37Z"/></svg></div></a><div class="site-title">Ad Specs & Guidelines</div></div><div class="div-block-32"><nav role="navigation" class="nav-menu w-nav-menu"><a href="/advertising-policies" class="menu-link w-nav-link">Advertising Policies</a><a href="https://corp.ign.com/contact" class="menu-link w-nav-link">Contact Us</a><a href="#" class="nav-link w-nav-link">Dark Mode</a><a href="#" class="link-block-2 w-inline-block"><img loading="eager" src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/627afae61420702795ad478d_sun-icon.svg" alt=""/></a></nav><div class="menu-toggle w-nav-button"><div class="w-icon-nav-menu"></div></div><a tr-color-toggle="" href="#" class="dm-toggle w-inline-block"><div class="dm-icons"><img src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/677defbdfadb78bf9e81de32_Moon.svg" loading="eager" alt=""/><img src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/627afae61420702795ad478d_sun-icon.svg" loading="eager" alt=""/></div></a></div></div></div><div class="section-banner-name"><div class="banner-unit-name w-container"><div class="div-block-16"><h6 class="category-header">Custom</h6><h6 class="category-header">unit</h6></div><div class="div-block-7"><h1 class="unit-header">Skin</h1><div class="device-available"><img src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/62bba55a6d06e5523ff73f96_Desktop-icon.svg" loading="lazy" alt="" class="title-ava-icon"/><img src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/62bba5507d7b7ca4238e64a5_Mobile-phone-icon.svg" loading="lazy" alt="" class="title-ava-icon w-condition-invisible"/></div></div></div></div><div class="section-unit-details"><div class="details-container w-container"><div class="columns-3 w-row"><div class="information-block w-col w-col-6"><div class="div-block-10"><div class="div-block-9"><img src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/62bbf150202506e0e80be141_information-icon.svg" loading="lazy" alt="" class="title-icon"/><h4>Information</h4></div><div class="details-rich-text-block w-richtext"><p>A Skin is part of a takeover on select sites which is a high impact desktop format that pairs the Leaderboard area (or Billboard) and Portrait units together with a re-skin of the site background. The background skin image is ‘sticky’ so follows the user down the page as they read content.</p><p>If you are supplying your own designs for takeovers then we have several options:</p><ul role="list"><li>Static takeovers (made up of jpg images)</li><li>Video takeovers (these can include a small autoplaying video in the Leaderboard area only)</li><li>HTML or Third-Party tags (the Leaderboard/Billboard or Portrait can be a third-party tag or HTML zip, but not the background skin image)</li></ul><p>Please use the PSD template provided, it will indicate which areas are the ‘safe’ zones for key messaging and logos. Please also keep to the recommended file sizes.</p><p>If supplying HTML5 creatives, they will need to be zip files and support a clickTag for uploading to Google Ad Manager.</p></div></div></div><div class="leadtime-block w-col w-col-6"><div class="div-block-11"><div class="div-block-9"><img src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/678098fdaa08ffbbdb2212b0_eye-icon.svg" loading="lazy" alt="" class="title-icon"/><h4 class="heading-4">Site Availability</h4></div><p class="paragraph-3">This unit is available on the following sites:</p><div><div class="w-dyn-list"><div fs-cmsnest-collection="brand" fs-cmsnest-element="template-reference" role="list" class="brand-ava-container w-dyn-items"><div role="listitem" class="brand-logo-box w-dyn-item"><img src="https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/677f5e89d10be7d59453620c_eurogamer-fl-d.svg" loading="lazy" alt="" class="site-ava-logo"/><a href="/brands/eurogamer" class="hide">Text Link</a></div><div role="listitem" class="brand-logo-box w-dyn-item"><img src="https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/677f5e9ee1a1b3796b9ca041_gamer-industry-fl-d.svg" loading="lazy" alt="" class="site-ava-logo"/><a href="/brands/gamesindustry-biz" class="hide">Text Link</a></div><div role="listitem" class="brand-logo-box w-dyn-item"><img src="https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/677f5eacc1710e6acd6933af_nintendolife-fl-d.svg" loading="lazy" alt="" class="site-ava-logo"/><a href="/brands/nintendo-life" class="hide">Text Link</a></div><div role="listitem" class="brand-logo-box w-dyn-item"><img src="https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/6780540dfeae154a16f25623_purexbox-fl-d.svg" loading="lazy" alt="" class="site-ava-logo"/><a href="/brands/pure-xbox" class="hide">Text Link</a></div><div role="listitem" class="brand-logo-box w-dyn-item"><img src="https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/67805420abe0cd5db8d377a5_push-square-fl-d.svg" loading="lazy" alt="" class="site-ava-logo"/><a href="/brands/push-square" class="hide">Text Link</a></div><div role="listitem" class="brand-logo-box w-dyn-item"><img src="https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/678054330197141d0ca806b1_rock-paper-shotgun-fl-d.svg" loading="lazy" alt="" class="site-ava-logo"/><a href="/brands/rock-paper-shotgun" class="hide">Text Link</a></div><div role="listitem" class="brand-logo-box w-dyn-item"><img src="https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/678054408737c48c9bc9e46d_vg247-fl-d.svg" loading="lazy" alt="" class="site-ava-logo"/><a href="/brands/vg247" class="hide">Text Link</a></div></div></div></div></div><div class="div-block-11"><div class="div-block-9"><img src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/62c23c80b44ea91d2a907111_globe-icon.svg" loading="lazy" alt="" class="title-icon"/><h4 class="heading-4">Region Availability</h4></div><p class="paragraph-3">This unit is available in the following regions:</p><div class="div-block-15"><div class="w-dyn-list"><div fs-cmsnest-collection="region" fs-cmsnest-element="template-reference" role="list" class="brand-ava-container w-dyn-items"><div role="listitem" class="region-flag-box w-dyn-item"><a href="/regions/au" class="hide">AU</a><img src="https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/62d755878fd3ca6c74ba4d37_au-flag.svg" loading="lazy" alt="" class="region-flag"/><h5 class="region-short-name">AU</h5></div><div role="listitem" class="region-flag-box w-dyn-item"><a href="/regions/uk" class="hide">UK</a><img src="https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/62d755966f370a0616279efa_uk-flag.svg" loading="lazy" alt="" class="region-flag"/><h5 class="region-short-name">UK</h5></div><div role="listitem" class="region-flag-box w-dyn-item"><a href="/regions/usa" class="hide">US</a><img src="https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/62d7559e9b5f655d350d025b_us-flag.svg" loading="lazy" alt="" class="region-flag"/><h5 class="region-short-name">US</h5></div></div></div></div></div><div class="div-block-11"><div class="div-block-9"><img src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/62c23c4b7dace23ca23ac1e6_Clock-icon.svg" loading="lazy" alt="" class="title-icon"/><h4>Lead Time</h4></div><p>IGN Global Studios team to produce:</p><h5 class="ign-red">10 business days</h5><p>Client designed (to allow for QA and any necessary adjustments):</p><h5 class="ign-red">2 business days</h5></div></div></div></div><div class="details-container w-container"><div class="columns-3 w-row"><div class="information-block w-col w-col-6"><div class="div-block-10"><div class="div-block-9"><img src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/62c23c947f5d651b41374dc3_image-icon.svg" loading="lazy" alt="" class="title-icon"/><h4>Unit Examples</h4></div><div data-delay="4000" data-animation="slide" class="example-slider w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="true" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true" id="w-node-_5ddbc2d5-c777-2e59-6ee2-9d8690d0031d-ea929146"><div class="mask w-slider-mask"><div class="slide-2 w-condition-invisible w-slide"><div class="w-embed"><video width="100%" playsinline controls autoplay loop muted > <source src="" type="video/mp4"> </video></div></div><div class="slide-2 w-condition-invisible w-slide"><div class="w-embed"><video width="100%" playsinline controls autoplay loop muted > <source src="" type="video/mp4"> </video></div></div></div><div class="w-slider-arrow-left"><div class="arrow-icon w-icon-slider-left"></div></div><div class="w-slider-arrow-right"><div class="arrow-icon w-icon-slider-right"></div></div><div class="w-slider-nav w-shadow w-round"></div></div><div class="example-grid"><div id="w-node-_51d1cfc4-6496-603a-fbc7-e27a4d762b24-ea929146" class="html-embed-2 w-condition-invisible w-embed"><video width="100%" playsinline controls autoplay loop muted > <source src="" type="video/mp4"> </video></div><div id="w-node-_9028115b-844a-2919-16e7-509e365e97f1-ea929146" class="html-embed-3 w-condition-invisible w-embed"><video width="100%" playsinline controls autoplay loop muted > <source src="" type="video/mp4"> </video></div></div><div class="example-grid"><a href="#" class="lightbox-link-2 w-inline-block w-lightbox"><img src="https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/67bdd4a5531186d5b4f42780_image-skin.jpg" loading="lazy" alt="Mobile" sizes="100vw" srcset="https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/67bdd4a5531186d5b4f42780_image-skin-p-500.jpg 500w, https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/67bdd4a5531186d5b4f42780_image-skin-p-800.jpg 800w, https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/67bdd4a5531186d5b4f42780_image-skin-p-1080.jpg 1080w, https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/67bdd4a5531186d5b4f42780_image-skin-p-1600.jpg 1600w, https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/67bdd4a5531186d5b4f42780_image-skin.jpg 1920w" class="image-9"/><script type="application/json" class="w-json">{ "items": [ { "url": "https://cdn.prod.website-files.com/62789ce33c3926b36145e22e/67bdd4a5531186d5b4f42780_image-skin.jpg", "type": "image" } ], "group": "" }</script></a><a href="#" id="w-node-c54c8b73-6f76-9ebe-a289-d56b3491865f-ea929146" class="lightbox-link w-inline-block w-condition-invisible w-dyn-bind-empty w-lightbox"><img src="" loading="lazy" alt="" class="image-10 w-dyn-bind-empty"/><script type="application/json" class="w-json">{ "items": [], "group": "" }</script></a></div><div class="buttons-container"><a href="https://globalstudios.ign.com/ads/templates/template-skin.zip" class="primary-btn w-button">download template</a><a href="#" class="primary-btn w-condition-invisible w-button">Live Demo</a><a href="#" class="primary-btn w-condition-invisible w-button">Download specs</a></div></div></div><div class="leadtime-block w-col w-col-6"><div class="div-block-10"><div class="div-block-9"><img src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/62c23c5eb115e009099e11a1_Document-icon.svg" loading="lazy" alt="" class="title-icon"/><h4>Assets Required</h4></div><div class="details-rich-text-block w-richtext"><h5><strong>Specs for client designed creative assets: </strong></h5><p><strong>Skin</strong></p><ul role="list"><li>Dimensions: <strong><em>2500x1316px</em></strong></li><li>Format: <strong><em>JPG</em></strong></li><li>File Size: <strong><em>400k max</em></strong>‍</li><li>To make the file smaller you can add empty space where the site would go over the top of the image</li></ul><p><strong>Leaderboard area</strong></p><ul role="list"><li>Dimensions: <strong><em>1260x250px (can be a separate unit or integrated into the skin background)</em></strong></li><li>Format: <strong><em>JPG/HTML5/third-party tag</em></strong></li><li>File Size: <strong><em>350k max (if separate file)</em></strong></li></ul><p><strong>Video in Leaderboard area (if required)</strong></p><ul role="list"><li>Duration: <strong><em>15 seconds max</em></strong></li><li>Dimensions: <strong><em>16:9 ratio</em></strong></li><li>Format: <strong><em>MP4</em></strong></li><li>File Size: <strong><em>800k max</em></strong></li><li>Video will autoplay and loop with no sound</li><li>Can link to the full-length video</li></ul><p><strong>Correct </strong><a href="https://globalstudios.ign.com/ads/templates/template-skin.zip"><strong>psd template</strong></a><strong> must be used.</strong></p><p>For further information on the other units that can be used as part of a desktop takeover, please see the <a href="https://specs.ign.com/ad-unit/billboard">Billboard</a> and <a href="https://specs.ign.com/ad-unit/portrait">Portrait</a>.</p><p>‍</p><h5><strong>Assets required for custom design by IGN Global Studios:</strong></h5><p>IGN Global Studios is our in-house custom content and design team and we can produce and serve your ads, if you prefer.</p><p>To commence any design work we ask for the following standard asset pack beforehand:</p><ul role="list"><li>Layered PSD’s (including any of the following: Key Art, Logos, Products, Backgrounds, Textures, Characters, Box Shots, Screenshots)</li><li>Fonts</li><li>Client logos, Small Print, Age Ratings</li><li>Style/Brand Guidelines</li><li>Videos or Trailers</li><li>CTA’s, Buttons, Taglines</li></ul></div></div></div></div></div><div class="details-container no-line w-container"><div class="columns-3 w-row"><div class="information-block w-col w-col-6"><div class="div-block-10"><div class="div-block-9"><img src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/62e1de55422c2a56bb5abb3d_Chrome-icon.svg" loading="lazy" alt="" class="title-icon"/><h4>HTML5 Requirements</h4></div><div class="unit-details-rich-text w-richtext"><p>A skin is served first-party by IGN. For standard HTML5 details regarding our ads, please see our <a href="https://specs.ign.com/advertising-policies#html5">HTML Guidelines</a>.</p><p>‍</p><p>‍</p></div></div></div><div class="leadtime-block w-col w-col-6"><div class="div-block-10"><div class="div-block-9"><img src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/62c23c6f5ea0ee42e0c5ce06_safety-icon.svg" loading="lazy" alt="" class="title-icon"/><h4>Brand Safety</h4></div><div class="unit-details-rich-text w-richtext"><p>Ziff Davis takes advertiser brand safety seriously, please see our <a href="https://globalstudios.ign.com/ads/docs/brand-safety-guidelines.pdf" target="_blank">Brand Safety Guidelines</a>.</p></div></div></div></div></div></div><footer id="footer" class="footer"><div class="footer-container w-container"><div><div class="text-block">©1996-2025 IGN Entertainment, Inc. a Ziff Davis company. All rights reserved.</div></div></div></footer><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62627889a5602e14910cd1a7" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/js/ign-2.schunk.4a394eb5af8156f2.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/js/ign-2.schunk.d58e8607ac79fecf.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/js/ign-2.schunk.c35e58f7cf5bde15.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/62627889a5602e14910cd1a7/js/ign-2.4db9a71c.4ef1c586e537be1b.js" type="text/javascript"></script><script tr-color-vars="background,text,btn-bg,panel-bg,menu-bg,panel-border,dm-toggle,logo-invert,logo-brightness,brand-icon-bg,dm-red,icon-contrast,logo-black,logo-white" duration="0.5" ease="power1.out" src="https://cdn.jsdelivr.net/gh/flowtricks/scripts@v1.0.4/dark-mode-toggle.js"> </script><style> .example-grid > first-child { border: 5px solid red; </style> <script> $.expr[':'].textEquals = $.expr.createPseudo(function(arg) { return function( elem ) { return $(elem).text().match("^" + arg + "$"); }; }); $('.card-container').addClass('hidden'); $( '.related-item-filter' ).each(function( index ) { let unitRelatedItems = $( this ).text(); //$(".unit-card-heading:contains('" + unitRelatedItems + "')").closest('.card-container').removeClass('hidden'); $(".unit-card-heading:textEquals('" + unitRelatedItems + "')").closest('.card-container').removeClass('hidden'); console.log(unitRelatedItems); console.log( index + ": " + $( this ).text() ); }); </script></body></html>