Site Tag Line - Below Logo

Site Header
Written By The Ghost Co.
Learn more
Learn more

1. Plugin Info

Add a tag line below your site title or logo, similar to the Squarespace 7.0 option.

  • Works with Squarespace 7.1

  • Uses Custom CSS

2. Add this code to Custom CSS

// Site Tag Line Below - Ghost //

@tagline-text: 'Your Site Tag Line';
@tagline-color: #bbb;
@tagline-open-menu-color: #bbb;

@tagline-size: 15px;
@tagline-font-family: inherit;
@tagline-top-spacing: 10px;

/* --- Do Not Edit Below ---- */

.header-title:after { font-family: @tagline-font-family; content: @tagline-text; font-size: @tagline-size; padding-top: @tagline-top-spacing; color: @tagline-color; display: block} .header--menu-open .header-title:after { color: @tagline-open-menu-color; }

// Site Tag Line Below - Ghost //

3. Customizable Options

  • Tag Line Text

  • Text Color (On Desktop)

  • Text Color (When Mobile Menu Is Open)

  • Text Size

  • Font Family (If Using Custom)

  • Top Spacing

4. Plugin Notes

  • Works with all header layouts.

The Ghost Co. http://www.ghostplugins.com
Previous

Product Price - Pill Style (For Half Layout)
Next

Site Tag Line - Next To Logo