Forums / Templates, Stylesheets, Page Layout / Editing Category Background images

Editing Category Background images

Locked

Views: 1,096

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
7 Aug 2008, 1:01 PM
#1
sitm avatar

sitm

New Zenner

Join Date:
Jul 2008
Posts:
32
Plugin Contributions:
0

Editing Category Background images

My test site: http://www.optifact.com/zencart

If you look at the left and right columns you see that the background as well as the box surrounding the titles categories and important links are shades of grey not blue like the header does anyone know where these images are stored so i can tint them appropriately in Photoshop?

I found the files to tint the header and everything else just cant seem to locate those files!

Thanks in advance!
Nathan

http://www.signsinthemaking.com - Real Estate and Custom Signs!

7 Aug 2008, 1:07 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Editing Category Background images

I am not seeing shades of gray nor any for your sideboxes??

Wrong Site...

outside image = optifact.com/zencart/includes/templates/clean_business/images/container_shadows.jpg

Background color in your stylesheet

#navColumnOne {
	background-color: #f3f5f7;
    }

#navColumnTwo {
	background-color: #f3f5f7;	
	}

Zen-Venom Get Bitten

7 Aug 2008, 1:11 PM
#3
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Editing Category Background images

The colors are controlled by the stylesheet (includes/templates/YOUR_TEMPLATE/css/stylesheet.css). It's not an image.

#navColumnOne {
	background-color: #f3f5f7;
    }

#navColumnTwo {
	background-color: #f3f5f7;	
	}
h3.leftBoxHeading, h3.leftBoxHeading a {
	font-size: 1em;
	color: #666666;
	background-color: #d3dce4;
	}
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.1em;
	color: #666666;
	background-color: #d3dce4;	}

Mary Ellen
I came; I saw; I Zenned
Taking over the world... one website at a time
Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

Holzheimer
Fan Odyssey

7 Aug 2008, 1:13 PM
#4
sitm avatar

sitm

New Zenner

Join Date:
Jul 2008
Posts:
32
Plugin Contributions:
0

Re: Editing Category Background images

so is their any way to colour match what i have? darn this is gonna be a little complicated...

http://www.signsinthemaking.com - Real Estate and Custom Signs!

7 Aug 2008, 1:18 PM
#5
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Editing Category Background images

Which color(s) do you want to match?

Mary Ellen
I came; I saw; I Zenned
Taking over the world... one website at a time
Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

Holzheimer
Fan Odyssey

7 Aug 2008, 1:22 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Editing Category Background images

so is their any way to colour match what i have? darn this is gonna be a little complicated...
For the image - What do you have for a graphic editoe??

For side boxes background try #DFE9F7

Clean up the heading entries and change these to #BED3ED

.leftBoxHeading, .centerBoxHeading {
	margin: 0em;
	background-color: transparent;
	padding: 0.5em 0.2em;
	}

.rightBoxHeading {
	margin: 0em;
	background-color: transparent;
	padding: 0.2em 0em;
	}

Zen-Venom Get Bitten

8 Aug 2008, 5:51 PM
#7
sitm avatar

sitm

New Zenner

Join Date:
Jul 2008
Posts:
32
Plugin Contributions:
0

Re: Editing Category Background images

I have CS3 photoshop and illustrator

http://www.signsinthemaking.com - Real Estate and Custom Signs!

9 Aug 2008, 4:48 AM
#8
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Editing Category Background images

With PS CS3 all you need to do is open /includes/templates/clean_business/images/container_shadows.jpg and alter this files shading -save and upload

Zen-Venom Get Bitten