Documentation
Need help with something?
Contact us at
info@ourschoolpages.com
Back to index
Related topics

Custom Header Footer Favicon


In Site->Appearance menu, there is option to add custom header/footer to every pages.

CustomHeader and Favicon

You can Embed a custom HTML snippet into every page just beneath the banner.  The custom HTML snippet will be pulled from the "Custom Pages library (under the Content menu).  The system will look for a page named "CustomHeader" in a folder called "GlobalAppearance"

For same "CustomHeader" page, the "Custom Meta Header" field will be pulled and add to every page. You can use this to setup things like favicon, or some quick custom css

  • Example to add  Favicon

<link rel="icon" type="image/png" href="/Image/MenuIcons/sm60_home%203.png"/>

<link rel="icon" type="image/x-icon" href="/images/shared/logo/OspFavIcon.ico" />

  • Example to custom css

<style type="text/css">Div.AlreadyHaveAccountDiv{ font-size:45px; }</style>

  • Example to use custom css to change banner image size and overley text color

<style>
#BannerTextOverlayDiv {
    color: blue;
    font-size: 50px;
}

#BannerContainerDiv Img {
    width: 50px;
}
</style>

  • Example to redirect to other pages say if you migrated to a new website.

<meta http-equiv="refresh" content="0; url=https://www.yournewpta.org/" />

CustomFooter

You can Embed a custom HTML snippet at the bottom of every page.  The custom HTML snippet will be pulled from the Custom Pages library (under the Content menu).  The system will look for a page named "CustomFooter" in a folder called  "GlobalAppearance"