{"id":52544,"date":"2015-08-19T05:08:10","date_gmt":"2015-08-19T09:08:10","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=52544"},"modified":"2016-04-22T08:01:48","modified_gmt":"2016-04-22T12:01:48","slug":"landing-page-how-to-change-color-scheme","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/landing-page-how-to-change-color-scheme.html","title":{"rendered":"Landing Page. How to change color scheme"},"content":{"rendered":"

\r\n<\/p>\r\n

This tutorial will show you how to change the color scheme in Landing Page Template. <\/p>\r\n

Landing Page. How to change color scheme<\/a><\/p>\r\n

Some Landing Page Templates<\/strong> come with customization tool<\/strong> included. This tool allows you to preview<\/strong> color schemes available in your template package. Note that this tool is only available in the demo preview page of the template: <\/p>\r\n

\"Landing_Page_How_to_change_color_scheme_1\"<\/a><\/p>\r\n

Open the live demo preview page to find out whether your template comes with this tool:<\/p>\r\n

\"Landing_Page_How_to_change_color_scheme_2\"<\/a><\/p>\r\n

Such templates come with 5 color scheme style files <\/strong>(colorScheme-1.css –<\/strong> colorScheme-5.css), so in order to change your color scheme, you will need to include a reference to these files in your .html file. <\/p>\r\n

To change <\/strong>color scheme:<\/p>\r\n

    \r\n
  1. \r\n

    Open \/site\/css\/<\/strong> folder of your template package. You will see 5 color schemes style files<\/strong> (colorScheme-1.css – colorScheme-5.css). Select any color scheme file you want to use. You can preview<\/strong> color schemes on the template demo preview page: <\/p>\r\n

    \"Landing_Page_How_to_change_color_scheme_4\"<\/a>\r\n<\/li>\r\n

  2. \r\n

    Open index.html<\/strong> file (or any .html file you are working with) with any php\/text editor (recommended software is Adobe Dreamweaver<\/strong>, NotePad++<\/strong>). <\/p>\r\n<\/li>\r\n

  3. \r\n

    Add a reference to the color scheme style sheet file inside the <link><\/strong> element. The <link> element goes inside the <head><\/strong> section. E.g:<\/p>\r\n

    <link rel="stylesheet" href="css\/colorScheme-4.css"><\/pre>\r\n
    \"Landing_Page_How_to_change_color_scheme_3\"<\/a>\r\n<\/li>\r\n
  4. \r\n
    Save<\/strong> the file. Refresh your website to see the changes. Color scheme has been successfully changed: <\/p>\r\n
    \"Landing_Page_How_to_change_color_scheme_5\"<\/a>\r\n<\/li>\r\n<\/ol>\r\n
     To edit the existing color schemes:<\/p>\r\n
      \r\n
    1. \r\n
      Navigate to \/site\/css\/<\/strong> folder of your template package.<\/p>\r\n<\/li>\r\n
    2. \r\n
      Edit colorScheme-X.css<\/strong> file (where X<\/strong> is the number of the color scheme)  to your needs using any php\/text<\/strong> editor. It is recommended using FireBug<\/a> plugin (for FireFox browser) to inspect the website source code and modify CSS files:<\/p>\r\n
      \"Landing_Page_How_to_change_color_scheme_6\"<\/a>\r\n<\/li>\r\n
    3. \r\n
      Save<\/strong> the file. Refresh<\/strong> your website to see the changes. <\/p>\r\n<\/li>\r\n<\/ol>\r\n
      Feel free to check the detailed video tutorial below:<\/p>\r\n
      Landing Page. How to change color scheme<\/a><\/p>\r\n<\/p>\r\n
      <\/p>","protected":false},"excerpt":{"rendered":"
      This tutorial will show you how to change the color scheme in Landing Page Template.<\/p>\n","protected":false},"author":37,"featured_media":52553,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016,2039],"tags":[520,1117,641],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/52544"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=52544"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/52544\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/52553"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=52544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=52544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=52544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}