Skip to content

Instantly share code, notes, and snippets.

@ryandejaegher

ryandejaegher/full-bleed-image.js

Last active June 12, 2020 16:54
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ryandejaegher/576ab151cc26cba9bbeedc3065484897 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ryandejaegher/576ab151cc26cba9bbeedc3065484897 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
full-bleed-image.js
// Add this code to Settings -> Advanced -> Code Injection -> Footer
<script>
window.addEventListener('load', function(){
var getBleedImages = document.querySelectorAll('img[alt*="bleed"]');
getBleedImages.forEach(item => item.parentNode.parentNode.classList.add('full-width'));
});
</script>
Raw
full-bleed.css
/* Add this code to Design -> Custom CSS */
.full-width {
margin-left: calc(~"50% - 50vw") !important;
margin-right: calc(~"50% - 50vw") !important;
max-width: unset !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment