Header image instead of text in centre boxes

[robsnowden]

Hi

I have tried to find out the answer to this but so far no luck.

I have followed the instructions in the FAQ to change side box headers from stock to images but I can't find out how to make same changes to the centre boxes - such as 'New products for....' or 'Featured Products' etc. Also the top area where it says LOGIN and HOME!

Please can somebody point me in the right direction.

Site URL if it helps is http://www.bubblesandwax.com - still WIP!

Cheers

Rob

[kobra]

.centerBoxHeading or maybe h2 .centerBoxHeading

Top:
#navMainWrapper

[robsnowden]

Thanks for your reply but as a novice (trying to be an expert - lol) I am not sure what to do and would appreciate spoon feeding with how to go about this.

Thanks again

Rob

[kobra]

Where you have:

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

Apply similar entries to your:
#navMainWrapper

and:
.centerBoxHeading

But looking closer it appears that you are aleady doing this and I can not remotely determine why they are not displaying...

[HelenSama]

Hi, This is an older post, but it is exactly what I am trying to do and can't find the answer for, I've looked throughout the forum....

I'd like to use an image instead of the Featured Products heading in the center column. I've seen other zen carts that have done this, but can't figure out how to do this. I've looked through english.php, but still can't figure it out.

Are there instructions somewhere on the forum that I am now seeing? Thanks in advance... Helen

[kobra]

I'd like to use an image instead of the Featured Products heading in the center column.

Find in your copy of the stylesheet.css this and maybe seperate out the center - check the current image tile_back(a tile) that is repeated and either enter your image or rename your image to tile_back

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

To maybe look like:

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

[HelenSama]

Hi,

Thanks to kobra for your suggestion...and have just tried it out, but it is ending up as a background image.

Maybe I should send some specifics.... The zen cart I am customizing is here: http://johnnycakebooks.com/index.php. I am using the Featured products as New arrivals. I can't use the New Products in this case because the Store Owner needs to pick and choose what will appear as New Arrivals. I successfully have New Arrivals showing up in the left hand column as you will see, but in the center colum instead of having Featured Products showing up I either want to use an image in place of that heading or it occurs to me now if I could change the heading to New ARrivals, cimilar to what I have done in the left hand column, that would be fine too...

Helen

[kobra]

Followed your link and it looks like you have renamed this to "New Arrivals"