Skip to content

Bulletproof Background Images Helper#3

Open
Creativenauts wants to merge 1 commit into
masterfrom
bulletproof-background-images
Open

Bulletproof Background Images Helper#3
Creativenauts wants to merge 1 commit into
masterfrom
bulletproof-background-images

Conversation

@Creativenauts

Copy link
Copy Markdown
Owner

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 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

    bg

Custom helper that adds bulletproof background images to your email templates

## 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant