Animated GIF Header Text

Bookmark Plugin

---

Plugin Details

Fill in any header text with an animated GIF instead of solid color.

Compatibility

• Works with Squarespace 7.1

• Fluide Engine Recommended

• Uses Custom CSS

---

Add to Custom CSS

// TEXT BLOCK - ANIMATED GIF STYLE - GHOSTPLUGINS.COM //

h1 strong em {
  background: url(GIF-URL-HERE) !important;
  background-size: cover !important;
  background-position: center !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  font-style: normal !important;
  font-weight: normal !important;
  }

---

Apply GIF Style To Header

To assign the animated GIF style, italicize and bold your Header 1 text in a text block.

By default, the plugin applies to Header 1 (h1). If you want change which header the GIF applies to, replace h1 with one of the other header options:

• Header 2 - h2

• Header 3 - h3

• Header 4 - h4

---

Customizable Options

• GIF File

Notes

Use CSS > Manage Files to upload your GIF and replace GIF-URL-HERE with your GIF’s URL.

---