{"id":109,"date":"2026-03-22T13:06:40","date_gmt":"2026-03-22T13:06:40","guid":{"rendered":"https:\/\/overlaps.co.uk\/docs\/?page_id=109"},"modified":"2026-04-14T11:29:08","modified_gmt":"2026-04-14T10:29:08","slug":"how-to-customise-overlaps","status":"publish","type":"page","link":"https:\/\/overlaps.co.uk\/docs\/overlaps-documentation\/how-to-guides\/how-to-customise-overlaps\/","title":{"rendered":"How to Customise OVERLAPS"},"content":{"rendered":"\n

In this guide we’ll tell you how to brand various parts of OVERLAPS to make it your own.<\/p>\n\n\n\n

Text Customisation<\/h2>\n\n\n\n

Under Config -> Settings -> Customisation -> Branding you will find two options for what OVERLAPS calls itself:<\/p>\n\n\n\n

\"A
Customising Title Text<\/figcaption><\/figure>\n\n\n\n

Page Title<\/h3>\n\n\n\n

This setting defines the text that is shown both in the tab title and the header menu bar.<\/p>\n\n\n\n

Long Title<\/h3>\n\n\n\n

Defines the text that appears when you hover your mouse over the logo in the menu bar.<\/p>\n\n\n\n

Image Customisation<\/h2>\n\n\n\n

There are two images that are currently customisable: the site logo and the icon as displayed in your browser’s tab bar (which actually consists of three image files).<\/p>\n\n\n\n

Before you can replace these with your own images, you will need to follow these steps:<\/p>\n\n\n\n

    \n
  1. Navigate to “*C:\\ProgramData\\Int64 Software Ltd\\OVERLAPS*<\/em>“<\/li>\n\n\n\n
  2. Create a new folder called “override<\/strong>“<\/li>\n\n\n\n
  3. Open the new “override” folder and create another folder inside it called “img<\/strong>“.<\/li>\n<\/ol>\n\n\n\n

    The structure should now look like this:<\/p>\n\n\n\n

    -> C:\\ProgramData\\Int64 Software Ltd\\OVERLAPS\\\n       -> override\\\n              -> img\\\n<\/pre>\n\n\n\n
    Customising the Site Logo<\/h3>\n\n\n\n
    The site logo is a PNG<\/strong> image file no larger than 64×64<\/strong> pixels. Once you have your replacement logo, put it in the “img<\/strong>” folder and name it “logo-64.png<\/strong>“.<\/p>\n\n\n\n
    \"A
    The new logo file installed<\/figcaption><\/figure>\n\n\n\n
    Once that’s done, if you restart the OVERLAPS service it should now display your logo.<\/p>\n\n\n\n
    \"An
    A (not so pretty) example replacement logo<\/figcaption><\/figure>\n\n\n\n
    Customising the Icon<\/h3>\n\n\n\n
    The icon consists of 3 files:<\/p>\n\n\n\n
      \n
    • favicon.ico – An Icon File supporting various resolutions (typically 16×16, 24×24, 32×32, and 48×48). This goes in the root “override<\/strong>” folder.<\/li>\n\n\n\n
    • icon-16.png – A 16×16 PNG image file which goes in the “img<\/strong>” folder.<\/li>\n\n\n\n
    • icon-32.png – As above, but 32×32 pixels.<\/li>\n<\/ul>\n\n\n\n
      Once these have been added to the override folder you should have this structure (including the Site Logo):<\/p>\n\n\n\n
      -> C:\\ProgramData\\Int64 Software Ltd\\OVERLAPS\\\n       -> override\\\n           -> favicon.ico\n           -> img\\\n                  -> logo-64.png\n                  -> icon-16.png\n                  -> icon-32.png\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
      In this guide we’ll tell you how to brand various parts of OVERLAPS to make it your own. Text Customisation Under Config -> Settings -> Customisation -> Branding you will find two options for what OVERLAPS calls itself: Page Title This setting defines the text that is shown both in the tab title and the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":103,"menu_order":300,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/overlaps.co.uk\/docs\/wp-json\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/overlaps.co.uk\/docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/overlaps.co.uk\/docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/overlaps.co.uk\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/overlaps.co.uk\/docs\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":4,"href":"https:\/\/overlaps.co.uk\/docs\/wp-json\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":465,"href":"https:\/\/overlaps.co.uk\/docs\/wp-json\/wp\/v2\/pages\/109\/revisions\/465"}],"up":[{"embeddable":true,"href":"https:\/\/overlaps.co.uk\/docs\/wp-json\/wp\/v2\/pages\/103"}],"wp:attachment":[{"href":"https:\/\/overlaps.co.uk\/docs\/wp-json\/wp\/v2\/media?parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}