ok…im no expert either!! i just use a thing call firebug https://www.getfirebug.com/ that can help you see what happens where.
on the original fjords theme with four columns, each column has a separate image at the top, as opposed to one long one across them all.
so first thing to do would be to cut your image into 4 bits…the first one needs to be 270 pixels wide, then the other three need to be 170 pixels wide.
at the moment, the part of your css that we need to look at looks like this…
#content {
background:#FFFFFF url(imagenes_qwilm/header1.JPG) no-repeat scroll left top;
border-color:#CED4CA;
border-style:solid;
border-width:1px 3px 3px 1px;
float:left;
margin:5px;
padding:0pt 15px 30px;
text-align:left;
width:270px;
}
#sidebar-1 {
background:#FFFFFF url(imagenes_qwilm/header2.JPG) no-repeat scroll left top;
width:170px;
}
#sidebar-2 {
background:#FFFFFF url(imagenes_qwilm/header3.JPG) no-repeat scroll left top;
width:170px;
}
#sidebar-3 {
background:#FFFFFF url(imagenes_qwilm/header4.JPG) no-repeat scroll left top;
width:170px;
but this needs to be changed so that your 4 new images are put in instead, so your css would look like the following.
(ive done this assuming you upload the new images as the original image name with 1, 2, 3 and 4 stuck on the end, and that they are in the same location as the original.)
#content {
background:#FFFFFF url(https://matsocampo.files.wordpress.com/2007/04/lifesabeach1kn911.jpg) no-repeat scroll left top;
border-color:#CED4CA;
border-style:solid;
border-width:1px 3px 3px 1px;
float:left;
margin:5px;
padding:0pt 15px 30px;
text-align:left;
width:270px;
}
#sidebar-1 {
background:#FFFFFF url(https://matsocampo.files.wordpress.com/2007/04/lifesabeach1kn912.jpg) no-repeat scroll left top;
width:170px;
}
#sidebar-2 {
background:#FFFFFF url(https://matsocampo.files.wordpress.com/2007/04/lifesabeach1kn913.jpg.JPG) no-repeat scroll left top;
width:170px;
}
#sidebar-3 {
background:#FFFFFF url(https://matsocampo.files.wordpress.com/2007/04/lifesabeach1kn914.jpg.JPG) no-repeat scroll left top;
width:170px;
just to make sure you see what ive changed… lifesabeach1kn911.jpg
lifesabeach1kn912.jpg
lifesabeach1kn913.jpg
lifesabeach1kn914.jpg
hopefully this should work.
post back to say if it has or not
??