{"id":195,"date":"2020-02-12T10:36:59","date_gmt":"2020-02-12T10:36:59","guid":{"rendered":"https:\/\/www.lcn.com\/support\/knowledge-base\/how-to-change-global-fonts-and-colours-on-instantsite\/"},"modified":"2020-08-11T08:40:37","modified_gmt":"2020-08-11T08:40:37","slug":"how-to-change-global-fonts-and-colours-on-instantsite","status":"publish","type":"ht_kb","link":"https:\/\/www.lcn.com\/support\/articles\/how-to-change-global-fonts-and-colours-on-instantsite\/","title":{"rendered":"How to change global fonts and colours on InstantSite"},"content":{"rendered":"\n
\n

Please note:<\/strong>\u00a0This guide is for\u00a0legacy\u00a0InstantSite\u00a0pruchsed\u00a0before the 18th August 2020. If you have our new\u00a0InstantSite\u00a0please see guides specific\u00a0for our new\u00a0builder found\u00a0here<\/a>.<\/span><\/p>\n<\/div>\n\n\n\n

Global styling<\/strong> is used to bulk-change background colours, accent colours, font colours and font styles. This guide is designed to show LCN InstantSite<\/a> customers how to change the global styling of their site.<\/p>\n

Let\u2019s get started\u2026<\/p>\n

Colours<\/h3>\n

Colours are arguably the most important aspect of a website. InstantSite allows you to change the Brand Colour, Background Colour<\/strong> and Default Font Colour<\/strong> in just a few clicks.<\/p>\n

    \n
  1. Login to the InstantSite editor.<\/li>\n
  2. In the left-hand panel, click Design Settings<\/strong>. <\/li>\n
  3. Click Colours<\/strong>.<\/li>\n
  4. Click the drop-down colour box next to the option you\u2019d like to change and choose a new colour.<\/li> \n<\/br>\n<\/ol>\n\n\n
    \n

    Please Note<\/strong>: The colour will automatically adjust on the screen in real time.<\/span><\/p>\n<\/div>\n\n\n<\/br>

    Fonts<\/h3>\n

    Picking the right font is an essential part of creating the right look and feel for your website. InstantSite allows you to change your default Heading Font, Nav Font, Generic Font<\/strong> and Font Size<\/strong> in just a few clicks.<\/p>\n\n

      \n
    1. Login to the InstantSite editor.<\/li>\n
    2. In the left-hand panel, click Design Settings<\/strong>. <\/li>\n
    3. Click Fonts<\/strong>.<\/li>\n
    4. Click the drop down menu next to the option you\u2019d like to change and choose a new font.<\/li>\n<\/br>\n<\/br>\n<\/br>\n
      \n

      Please Note<\/strong>: The font will automatically adjust on the screen in real time.<\/span><\/p>\n<\/div>\n\n<\/br>

    5. To change the global base font size<\/strong>, simply drag the slider under Base Font Size<\/strong> to the size you require.<\/li>\n<\/ol>\n

      That\u2019s it! You\u2019ve changed your site colours and fonts in InstantSite.<\/p>\n\n\n\n