Can anyone help please - need photos on front of site instead of a colour

I have just built a site from a purchased template, the site is www.capitalblack.co.uk/template but I want to put images where the six grey panels are on the front, ive managed to change the ones as you hover but I cant figure out how to change the css so that I can have images on the front, can anyone help ? the images are in images/image1.jpg, image2 etc Thank you so much Linda

 

Hey Linda,

To access this you need to go to the CSS file that is named 'style.css'
If you look for this section and change the background image then the images will be changed too.

.cc_menu{	width:998px;	height:554px;	position:relative;	overflow:hidden; z-index:1; border-left:2px #000 solid}
.cc_item{	width:165px;	height:554px;	float:left;	position:relative; border-right:1px #000 solid}
.item1{
	background-color: #e7e4de;
	background-image: url(../images/menu_2bw.jpg);
}
.item2{
	background-color: #d5d2cd;
	background-image: url(../images/menu_1bw.jpg);
}
.item3{
	background-color: #c4c1bc;
	background-image: url(../images/menu_3bw.jpg);
}
.item4{
	background-color: #b2afab;
	background-image: url(../images/menu_4bw.jpg);
}
.item5{
	background-color: #9f9c98;
	background-image: url(../images/menu_5bw.jpg);
}
.item6{
	background-color: #898784;
	background-image: url(../images/menu_6bw.jpg);

Code (markup):

Good luck,
Toycel

 

Thanks, This is some very Useful Information for future reference.

 

Thank you Toycel, I got to the bottom of it with your help and managed to put the pictures on the front. I also used firebug to identify it. Thank you so much for your help. I am very gratefulL