✳️Header Type
Principle supports customizing your publication's Header layout. You have 2 options to choose from.
Options:
Header type with author
Header type with logo
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.
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 thereADD_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>
Click Save
Last updated