{"id":12199,"date":"2011-11-23T05:46:48","date_gmt":"2011-11-23T10:46:48","guid":{"rendered":"http:\/\/info.template-help.com\/?p=12199"},"modified":"2013-02-20T07:27:16","modified_gmt":"2013-02-20T12:27:16","slug":"htmlcss-how-to-change-background-color","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/htmlcss-how-to-change-background-color.html","title":{"rendered":"HTML\/CSS. How to change background color"},"content":{"rendered":"<p>This video tutorial shows how to change a background color of a website template. Performing some changes in HTML and CSS files you can change the website background the way you need.<\/p><!--more-->\r\n<p>  1) First open index.HTML file from folder &quot;site&quot; in your browser. <\/p>\r\n<p>  2) You can check  what CSS line creates the background color of the template with the help of Firebug, free addon for Firefox.<\/p>\r\n<p>  3) Right click on the background and select &quot;Inspect Element&quot;. <\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/HTML-how-edit-background-color-1.png\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/HTML-how-edit-background-color-1-300x173.png\" alt=\"\" title=\"HTML-how-edit-background-color-1\" width=\"300\" height=\"173\" class=\"aligncenter size-medium wp-image-12200\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/HTML-how-edit-background-color-1-300x173.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/HTML-how-edit-background-color-1-1024x591.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/HTML-how-edit-background-color-1.png 1256w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>  4) The color of the background can be changed in style.css file. The line of the file can be seen in Firebug as well.<\/p>\r\n<p>  5) Let&#8217;s open this file from folder &quot;Site&quot; with Adobe Dreamweaver software.<\/p>\r\n<p>  6) Locate the line and change the color ID you need. You can choose the color among the available options in Dreamweaver.<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/HTML-how-edit-background-color-2.png\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/HTML-how-edit-background-color-2-300x148.png\" alt=\"\" title=\"HTML-how-edit-background-color-2\" width=\"300\" height=\"148\" class=\"aligncenter size-medium wp-image-12201\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/HTML-how-edit-background-color-2-300x148.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/HTML-how-edit-background-color-2-1024x505.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/HTML-how-edit-background-color-2.png 1259w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>  7) Save the changes you have made and open index file in your browser to preview the changes.<\/p>\r\n\r\n<p>&nbsp;<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"\/help\/files\/Html\/HTML-how-edit-background-color.htm\" target=\"blank\">HTML\/CSS. How to change background color<\/a>\r\n\r\n\r\n\r\n<!--more-->\r\n\r\n<!--more-->\r\n\r\n\r\n<!--more-->","protected":false},"excerpt":{"rendered":"<p>This video tutorial shows how to change a background color of a website template. Performing some changes in HTML and CSS files you can change the website background the way you need.<\/p>\n","protected":false},"author":33,"featured_media":12206,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[256,253],"tags":[1008,520,514,2411],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/12199"}],"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\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=12199"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/12199\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/12206"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=12199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=12199"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=12199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}