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 Admin panel > User interface section > Theme page.
Add the content you need, in HTML format, to the specific Theme page > Custom HTML, CSS and JavaScript section > Custom header HTML.
Add any needed link references to the specific Theme page > Custom HTML, CSS and JavaScript tab > <HEAD> tag content.
Add any needed script references to the specific Theme page > Custom HTML, CSS and JavaScript tab > Custom footer HTML.
Custom header HTML
Here is a sample that adds 4 navigation links to the header:
<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>
Please note: We recommend not adding custom content to the header if Compact Navigation Style is enabled in the theme options as these options are not intended to work together. If you wish to use both features then you must also apply custom CSS to manage the positioning of the custom header content.
<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>
Comments
0 comments
Please sign in to leave a comment.