<\/p>\r\n
This tutorial will show you how to change background in your OpenCart template.<\/p>\r\n
1)<\/strong> You should find out what is used as background in your template. It is better to use code inspector (firebug for Firefox, native Chrome code inspector or Dragonfly for Opera). Right click on the background you would like to change and select ‘Inspect element’ Find the styles which define the background for the template. As the rule the image is used as the background or combination of background color and image.<\/p>\r\n 2)<\/strong> To adjust background image you should edit PSD source file which is located in \/sources\/psd<\/strong> folder inside the main template folder. Open PSD file using Adobe Photoshop and adjust the background to your needs. Then select the slice which is used for the background and save it for web<\/a>.<\/p>\r\n 3)<\/strong> Then you should check where the background image is located. As the rule the background image is located in \/catalog\/view\/theme\/themeXXX\/image<\/strong> folder. Upload your newly created image to \/catalog\/view\/theme\/themeXXX\/image<\/strong> folder and overwrite the image which is already there.<\/p>\r\n 4)<\/strong> Also you may need to edit CSS file which is located in \/catalog\/view\/theme\/theme007\/stylesheet<\/strong> folder, the file name is stylesheet.css<\/strong><\/p>\r\n Feel free to check the detailed video tutorial below:<\/p>\r\n