Bulletproof background images #42
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Custom helper that adds bulletproof background images to your email templates. Based on https://backgrounds.cm/ ## Usage ```{{#bg-img src="assets/img/image.jpg" classes="hero-header" imgwidth="900" imgheight="520" bgcolor="#212831" top_padding="30" bottom_padding="30"}}Your Content Here{{/bg-img}}``` ## Options * **src:** Path to your background image * **classes:** Adds custom classes to main <table> tag for custom css styling * **imgwidth:** Sets the width for Outlooks <v:rect> tag. * **imgheight:** Sets the height for Outlooks <v:rect> tag. * **bgcolor:** Sets background color for the block of code. Must be hex value (#212831) * **top_padding:** Adds padding to the top the background image block * **bottom_padding:** Adds padding to the bottom the background image block. * **fitcontent:** Sets mso-fit-shape-to-text:true. Use at your own risk. ## Example 
|
Love this! We think this would actually be better as an inky tag than a helper, that way folks who aren't using the template could still use it. Was there a reason you did it here instead? Could you set it up as an inky tag here? https://github.com/zurb/inky |
|
@kball It could probably be an Inky tag as well. I just wasn't very familiar with the framework at the time of creating this for my project. I haven't gotten back around to messing with zurb since I finished the project I had been working on. I will be working on a few more projects for our platform soon which I will investigate adding it to inky. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Custom helper that adds bulletproof background images to your email templates.
Based on https://backgrounds.cm/
Usage
{{#bg-img src="assets/img/image.jpg" classes="hero-header" imgwidth="900" imgheight="520" bgcolor="#212831" top_padding="30" bottom_padding="30"}}Your Content Here{{/bg-img}}Options
Example