Side Box formating

**gabenn2** · 12 Oct 2007, 07:51 AM

I am trying to change each of the side boxes to have their own format. I want each box to have its own footer, header, and content image. I changed the CSS in the stylesheet to reflect the images that I want to show up by calling to the div classes and they aren't showing up. In fact when I don't use the images and just try to change the colors, nothing happens. Can anyone help?

**kobra** · 12 Oct 2007, 07:52 AM

In fact when I don't use the images and just try to change the colors, nothing happens.

Then you are probably not editing the correct file in the correct folder

How about a link to your site

**gabenn2** · 12 Oct 2007, 07:59 AM

I have hardly started on it, but here is the link

http://www.eyeinspire.com/store/

**gabenn2** · 12 Oct 2007, 08:10 AM

I think I found a thread that is going to help me out, Thanks.

**kobra** · 12 Oct 2007, 08:13 AM

Are you editing the stylesheet at includes/templates/Eye Inspire/css/stylesheet.css??

Try finding and changing this entry highlighted in red

Code:

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	}

Navigating to http://www.eyeinspire.com/store/incl.../tile_back.gif
There is no image with that name found - do you have a tile back image in this location?

Also you might get rid of the space and caps in your template folder name

**gabenn2** · 12 Oct 2007, 11:46 PM

Thanks so much for your help. I was able to get the sideboxes looking the way I want, but there is a mysterious space between the category content and bottom that i can't seem to get rid of. do you know where I might find the problem with this bit of code? Thanks in advance :)