Documentation

Add custom content to header

How to add custom content to header

Some clients add navigation elements to the right of their logo in the header. To do this go to the Administration panel > User interface section > Theme page.

Add the content you need, in HTML format, to Theme page > Custom HTML tab > Custom header HTML.
Add any needed link references to Theme page > Custom HTML tab > Custom <HEAD> tag content.
Add any needed script references to Theme page > Custom HTML tab > Custom footer HTML.

Here is a sample that adds 4 navigation links to the header:

Custom header HTML

<div id="system-links">
    <a href="http://cat">Cat</a>;
    <a href="http://infrared/">Infrared</a>
    <a href="http://rhythm/">Rhythm</a>
    <a href="http://tribe">Tribe</a>
</div>

Custom <HEAD> tag Content

As an example, this area can be used to add custom fonts to your ThoughtFarmer instance. Below is the link reference for the custom fonts that you would add to this section. See Add custom web fonts for full instructions on adding custom fonts to your ThoughtFarmer instance.
<link href='http://fonts.googleapis.com/css?family=Skranji:400,700|Gabriela'; rel='stylesheet' type='text/css'> 

Custom footer HTML

The extra footer area is where you would put any script references that are required to customize your ThoughtFarmer instance.

For example

<script type = "text/javascript">

</script>