✳️Header Type

Principle supports customizing your publication's Header layout. You have 2 options to choose from.

Options:

Header type with author

To customize Header Type:

  • Go to Settings > Design & branding from the admin menu

  • Click Site-wide in the Design settings sidebar on the right

  • Click Header type and select your preferred setting

Author Tagline

Principle now allows you to add a custom tagline beneath the publication's logo or author's name in both the header and footer for enhanced branding and messaging clarity.

The screenshots below display the tagline "Developer" beneath the author.

Header author tagline
Post sidebar author tagline

To add tagline:

  • Go to Settings > Code Injection from the admin menu

  • If you're looking to add a tagline beneath the author's name, simply insert the following code snippet into the Site header code injection area. Remember to replace INSERT YOUR TAGLINE HERE with your actual tagline and replace author name there ADD_AUTHOR_NAME.

<style>
  .header-author__ADD_AUTHOR_NAME,
  .sidebar-author-card__ADD_AUTHOR_NAME{
    &::after {
      content: 'INSERT YOUR TAGLINE HERE';
      font-family: var(--font-family);
      font-size: var(--subheading-font-size);
      font-weight: var(--subheading-font-weight);
      line-height: var(--subheading-line-height);
      letter-spacing: var(--subheading-letter-spacing);
      text-transform: uppercase;
      color: var(--color-secondary-foreground);
    }
  }
</style>
Example
  • Click Save

Last updated