sidebox/centre heading background image

[iluvedancin]

Hello Zenners

I have exhausted all trouble shooting options that I can possibly think of and I am now at the point of I have done this before which is what makes me more annoyed wit myself but anyway, if anyone can point me in some directions I would be most grateful.

This is how Ive got the css classic and custom stylesheet (I update them both as the same)


h2.centerBoxHeading {
font-size: 1.3em;
color: #ffffff;
background-image: url(../images/sidebox-rounded.jpg);
}

/*sideboxes*/
.columnLeft {
background-color: #ffffff;
font-color: #000000;
}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1em;
color: #ffffff;
}

.leftBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/sidebox-rounded.jpg);
padding: 0.5em 0.2em;
}
.centerBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/sidebox-rounded.jpg);
padding: 0.5em 0.2em;
}

.rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/sidebox-rounded.jpg);
padding: 0.5em 0.2em;
}

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 0px solid #000000;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
font-color: #000000;
}

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
font-size: 0.9em;
color: #ffffff;
}

.sideBoxContent {
background-color: #ffffff;
padding: 0.4em;
color: #000000;
}

I am using the latest version and the link to my site is http://www.designawardrobe.com You can see what has happened .. The objective is to make the sidebox/centrebox's have rounded corners and therefore, following the instructions from another thread, this is what ive done and how it has turned out.

I have also copied the css template to /templates/template_default/css and I don't know if this is relevant in any way also?

Anyhoo, I neeeed a coffee n a break away as my head is fried teehee,, Look forward to hearing from you.

regards
Claire

[gjh42]

First off, you should be leaving the classic files alone; having an unmodified template to switch to in case of problems is good for checking whether your problems are template-related. And you should never change a /template_default/ file - that's what the override system is for, to use a custom file instead of the default copy.

The page is looking for the sidebox-rounded image and not finding it. Where do you have it saved?

[iluvedancin]

Hello there, n firstly, thank you for your reply. I have uploaded th original template_default css file and I have got the image in the /images/ folder, which is where I store all of mine and normally don't have a problem.

I have also copied image into other relevant images folders to see if it picks up but that doesn't work either.

I just know it is gonna be something sooo simple n it really should be... Im grateful for your help... any other ideas please?

Thanks
Claire

[gjh42]

You mean the base /images/ folder? That is not where template images go; they should be in /includes/templates/your_template/images/ (which is where url(../images/xxx) points to.)

[iluvedancin]

oh my giddy gosh hehe, I cant thank you enough. I honestly spend alot of hours self-learning n ive re-started so many times. I feel so silly now but thank you... that sorted it.

I knew it be simple. Thank you.

Regards
Claire