{"id":79249,"date":"2017-02-21T10:59:02","date_gmt":"2017-02-21T15:59:02","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=79249"},"modified":"2017-03-27T05:08:16","modified_gmt":"2017-03-27T09:08:16","slug":"multipurpose-website-templates-work-csshtml-sources-files-scss-jade","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/multipurpose-website-templates-work-csshtml-sources-files-scss-jade.html","title":{"rendered":"Multipurpose Website Templates. How to work with CSS\/HTML sources files (scss, jade)"},"content":{"rendered":"<p>This tutorial shows how to how to work with CSS\/HTML sources files (scss, jade) in <a href=\"https:\/\/www.templatemonster.com\/website-templates.php\" target=\"_blank\">Multipurpose Website Templates<\/a>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/a2jO7BARcLU\"><\/iframe>\r\n<\/div>\r\n<ol>\r\n\r\n<li>\r\n\t<p>Download and then install <a href=\"https:\/\/prepros.io\/\" target=\"_blank\"><strong>Prepros<\/strong><\/a> program onto your PC.<\/p> \r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-1.png\" alt=\"How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-1\" width=\"1573\" height=\"622\" class=\"alignnone size-full wp-image-79250\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-1.png 1573w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-1-150x59.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-1-300x119.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-1-768x304.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-1-1024x405.png 1024w\" sizes=\"(max-width: 1573px) 100vw, 1573px\" \/><\/a>\t \r\n<\/li>\r\n\r\n<li>\r\n\t<p>Open <strong>Prepros<\/strong> and add &#8216;<em>sass<\/em>&#8216; directory from <em>sources<\/em> folder as a new project.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-2.png\" alt=\"How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-2\" width=\"1277\" height=\"702\" class=\"alignnone size-full wp-image-79251\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-2.png 1277w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-2-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-2-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-2-768x422.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-2-1024x563.png 1024w\" sizes=\"(max-width: 1277px) 100vw, 1277px\" \/><\/a> \r\n<\/li>\r\n\r\n<li>\r\n   <p>Select a specific <strong>.scss<\/strong> file from &#8216;sass&#8217; directory, make sure <strong>Autoprefixer<\/strong> is enabled, then press &#8216;<strong>Process File<\/strong>&#8216; button .<\/p>\r\n   \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-3.png\" alt=\"How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-3\" width=\"1280\" height=\"717\" class=\"alignnone size-full wp-image-79252\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-3.png 1280w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-3-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-3-300x168.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-3-768x430.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-3-1024x574.png 1024w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a> \r\n<\/li>\r\n\r\n<li>\r\n<p>You will get a <em>&#8216;Success message&#8217;<\/em> when the compilation is completed.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-4.png\" alt=\"How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-4\" width=\"1285\" height=\"720\" class=\"alignnone size-full wp-image-79253\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-4.png 1285w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-4-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-4-300x168.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-4-768x430.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-4-1024x574.png 1024w\" sizes=\"(max-width: 1285px) 100vw, 1285px\" \/><\/a> \r\n<\/li>\r\n\r\n<li>\r\n<p>Open <em>sass<\/em> folder inside <em>sources<\/em> to check style.css file.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-5.jpg\" alt=\"How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-5\" width=\"1147\" height=\"244\" class=\"alignnone size-full wp-image-79254\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-5.jpg 1147w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-5-150x32.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-5-300x64.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-5-768x163.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/How_to_work_with_CSS_HTML_sources_files_scss_jade_in_Multipurpose_Website_Templates-5-1024x218.jpg 1024w\" sizes=\"(max-width: 1147px) 100vw, 1147px\" \/><\/a> \r\n<\/li>\r\n\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=a2jO7BARcLU?width=1280&amp;height=720\" rel=\"prettyPhoto\">Multipurpose Website Templates. How to work with CSS\/HTML sources files (scss, jade)<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to how to work with CSS\/HTML sources files (scss, jade) in Multipurpose Website Templates.<\/p>\n","protected":false},"author":73,"featured_media":79255,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[2563,2415,2562,1596],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/79249"}],"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\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=79249"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/79249\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/79255"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=79249"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=79249"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=79249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}