Forums / Templates, Stylesheets, Page Layout / Changing color on New Product header

Changing color on New Product header

Locked

Views: 1,903

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
3 Sep 2006, 7:31 PM
#1
linda5630 avatar

linda5630

New Zenner

Join Date:
Jul 2006
Posts:
17
Plugin Contributions:
0

Changing color on New Product header

I'm a new Zenner and have had some success in modifying my template. I have gotten the background image in the headers changed, and have changed the font color for the sidebox headers but can't for the life of me find where to change the color for the centerbox header. I'm also having difficulty changing the a link colors in some areas. I've gotten some of the sideboxes changed, but not all of them. Are there any other css sheets besides the one in my store and in the default directory? Thanks for any suggestions to point me in the right direction. Linda

3 Sep 2006, 8:33 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Changing color on New Product header

"Modifying your template..." Which template did you start from? (Template_default or one of the ones in the Download section would be the best start points.) You did make a new template directory to hold changed files? You ought to have a copy of stylesheet.css in your template directory; the copy in /template_default/ will be ignored when your custom template is active, and it should never be edited anyway.

The best way to find which classes/IDs to edit is to use Firefox and install the Web Developer extension. When that is activated, you can use Information > Display Id & Class Details to find things, and CSS > Edit CSS to try changes and see effects instantly.

If you find a class called out in the code which is not defined in the stylesheet, just add the definition you want. The devs have provided many "hooks" for customizers to use in styling, and they don't need to be in the stylesheet until they are wanted for customizing.

Good luck!

3 Sep 2006, 9:07 PM
#3
milkyway avatar

milkyway

Inactive

Join Date:
Aug 2006
Location:
Singapore
Posts:
167
Plugin Contributions:
1

Re: Changing color on New Product header

Yup.. that's the correct way to do, also to make sure future upgrade trouble free.

to change the color of the center box heading find this in your CSS:

h2.centerBoxHeading

Responsive ZenCart Templates that automatically adapt itself with iPad, iPhone, BlackBerry, Androids and any monitor screen size
Buy a coffee for Zen-Cart devs. http://www.zen-cart.com/donate

3 Sep 2006, 10:56 PM
#4
linda5630 avatar

linda5630

New Zenner

Join Date:
Jul 2006
Posts:
17
Plugin Contributions:
0

Re: Changing color on New Product header

Thank you! Problem solved. Linda